wayground logo

Free Printable Worksheets

NEW

Font size

S
M
L
XL
Worksheets

Bài 10,11 Tin 12- CĐ F

Total questions: 20

Worksheet time: 2mins

Name
Class
Date
1.

CSS class selector được khai báo như thế nào?

a)

#class_name { property: value; }

b)

.class_name { property: value; }

c)

class_name { property: value; }

d)

*class_name { property: value; }

2.

CSS ID selector được khai báo như thế nào?

a)

.id_name { property: value; }

b)

#id_name { property: value; }

c)

id_name { property: value; }

d)

*id_name { property: value; }

3.

Trong CSS, thuộc tính nào được sử dụng để thay đổi màu văn bản?

a)

font-family

b)

font-size

c)

color

d)

background-color

4.

How can you apply multiple class selectors to a single element in CSS?

a)

Separate class selectors with commas

b)

Separate class selectors with periods

c)

Separate class selectors with spaces

d)

Separate class selectors with hyphens

5.

Để tạo kiểu cho một phần tử input với nền màu xanh và chữ màu trắng, bạn sẽ sử dụng bộ chọn lớp nào?

a)

.yellow

b)

.blue

c)

.red

d)

.orangered

6.

: Làm thế nào để liên kết một tệp CSS ngoại vào tệp HTML?

a)

<link rel="stylesheet" href="tên_tệp.css">

b)

<style src="tên_tệp.css"></style>

c)

<script src="tên_tệp.css"></script>

d)

<stylesheet href="tên_tệp.css"></stylesheet>

7.

Để thay đổi phông chữ của một phần tử được nhắm đến bởi một ID cụ thể, thuộc tính CSS nào bạn nên sử dụng?

a)

font-size

b)

font-family

c)

text-align

d)

line-height

8.

Class selector nào có thể được sử dụng để định dạng màu nền của một phần tử input?

a)

.red

b)

.yellow

c)

.blue

d)

.orangered

9.

Trong ví dụ cho lớp .orangered, các thuộc tính nào được định nghĩa?

a)

font-family, font-size, color

b)

background-color, color

c)

font-family, color

d)

font-size, background-color

10.

Khi thay đổi kích thước phông chữ của một phần tử bằng cách sử dụng bộ chọn ID, thuộc tính nào nên được sử dụng?

a)

font-family

b)

font-size

c)

text-transform

d)

line-height

11.

Những khu vực nào được bao gồm trong mô hình hộp CSS?

a)

Nội dung, đệm, viền, lề

b)

Đầu trang, nội dung, chân trang

c)

Khu vực tiêu đề, khu vực nội dung, chân trang, menu

d)

Khu vực hiển thị, khu vực cấu hình, khu vực nền

12.

Thuộc tính CSS nào được sử dụng để thay đổi kiểu hiển thị của một phần tử thành inline?

a)

display: block;

b)

display: inline;

c)

display: flex;

d)

display: grid;

13.

Cú pháp nào đúng để khai báo một phần tử hiển thị theo khối trong CSS?

a)

display: inline;

b)

display: block;

c)

display: list-item;

d)

display: none;

14.

Đâu là phần tử HTML thường được hiển thị theo khối?

a)

<img>

b)

<a>

c)

<p>

d)

<span>

15.

Phần nào của bố cục trang web cung cấp thông tin như logo và tiêu đề trang?

a)

Đầu trang

b)

Menu điều hướng

c)

Nội dung

d)

Chân trang

16.

Trong mô hình hộp CSS, khu vực nào nằm giữa nội dung và viền?

a)

Đệm

b)

Khoảng cách

c)

Đầu trang

d)

Chân trang

17.

Thuộc tính CSS nào được sử dụng để thay đổi kiểu hiển thị của phần tử thành hiển thị theo dòng?

a)

display: block;

b)

display: flex;

c)

display: inline;

d)

display: grid;

18.

Để phân chia trang web thành các vùng sử dụng định dạng CSS, phần tử nào thường được sử dụng?

a)

<header>

b)

<div>

c)

<footer>

d)

<section>

19.

Thuộc tính CSS nào có thể được sử dụng để căn giữa các phần tử khối theo chiều ngang?

a)

margin: auto;

b)

padding: 10px;

c)

border: 1px solid black;

d)

display: flex;

20.

Phần nào của bố cục trang web thường chứa thông tin bổ sung như bản quyền và liên kết nhanh?

a)

Đầu trang

b)

Menu điều hướng

c)

Nội dung

d)

Chân trang