Phiếu trắc nghiệm Khoa học máy tính 12 cánh diều Bài 10: Bộ chọn lớp, bộ chọn định danh

BÀI 10: BỘ CHỌN LỚP, BỘ CHỌN ĐỊNH DANH

(18 câu)

A. TRẮC NGHIỆM

1. NHẬN BIẾT (6 câu)

Câu 1: Bộ chọn lớp trong CSS có chức năng gì?

A. Định dạng cho tất cả các phần tử trên trang.

B. Định dạng cho một phần tử cụ thể.

C. Định dạng cho nhiều phần tử cùng loại với nhau.

D. Định dạng cho các phần tử có cùng một lớp.

Câu 2: Tên bộ chọn lớp được đặt như thế nào?

A. Bắt đầu bằng dấu #.

B. Bắt đầu bằng dấu chấm.

C. Bắt đầu bằng chữ cái in hoa.

D. Bắt đầu bằng một số.

Câu 3: Để áp dụng một bộ chọn lớp cho một phần tử, ta làm thế nào?

A. Thêm thuộc tính class vào thẻ phần tử đó.

B. Thêm thuộc tính id vào thẻ phần tử đó.

C. Thay đổi tên thẻ phần tử đó.

D. Không cần làm gì thêm.

Câu 4: Bộ chọn định danh trong CSS có chức năng gì?

A. Định dạng cho tất cả các phần tử trên trang.

B. Định dạng cho một phần tử cụ thể được xác định bởi ID.

C. Định dạng cho nhiều phần tử cùng loại với nhau.

D. Định dạng cho các phần tử có cùng một lớp.

Câu 5: Tên bộ chọn định danh được đặt như thế nào?

A. Bắt đầu bằng dấu #.

B. Bắt đầu bằng dấu chấm.

C. Bắt đầu bằng chữ cái in hoa.

D. Bắt đầu bằng một số.

Câu 6: Để áp dụng một bộ chọn định danh cho một phần tử, ta làm thế nào?

A. Thêm thuộc tính class vào thẻ phần tử đó.

B. Thêm thuộc tính id vào thẻ phần tử đó.

C. Thay đổi tên thẻ phần tử đó.

D. Không cần làm gì thêm.

2. THÔNG HIỂU (8 CÂU)

Câu 1: Khai báo CSS nào sau đây sử dụng bộ chọn định danh 

A. h3 {font-size: 20px; color: grey

B. p. h4 font-size: 20px; color: red;}

C. a {color: red;})

D. #dautrang background-color: yellow; font-family: "Arial")

Câu 2: Khai báo CSS nào sau đây đúng cú pháp?

A. tieude {font-size: 20px; font-family: "Arial";} 

B. tieude {font-size: 20px; font-family: "Arial";} 

C. *tieude {font-size: 20px; font-family: "Arial";} 

D. ^tieude {font-size: 20px; font-family: "Arial";} 

Câu 3: Khai báo CSS nào sau đây sử dụng bộ chọn lớp?

A. h1 {color: blue; font-size: 15px;}

B. tieude {color: red; font-size: 25px;} 

C. #h7 {background-color: yellow;} 

D. footer {background-color: yellow;}

Câu 4: Khai báo CSS nào sau đây đúng cú pháp?

A. nutlenh {color: blue; background-color: grey;} 

B. *nutlenh {color: blue; background-color: grey;} 

C. #nutlenh {color: blue; background-color: grey;} 

D. ^nutlenh {color: blue; background-color: grey;}

Câu 5: Khi lưu cư dụng bộ chọn lớp màu sau đây dùng cả pháp?

A. tiende font family: "Arial"; font-size: 20px

B. #tiende ¡font-family: "Arial" font size: 20px;l

C. #hi{font-family: "Arial". Jour size: 20px;}

D. hfont-family: "Arial"; font-size: 20px

Câu 6: khai báo CSS sử dụng bộ chọn định danh nào sau đây đúng cú pháp

A. ficummies {font-family: "Arial"; font-size: 20px!

B. 452font-family: "Arial" font-size: 20px

C. #hsfont-family: "Arial"; font-size: 20px!

D. ficumues font-family: "Arial"; font-size: 20px/

Câu 7: Khai báo CSS nào sau đây đúng cú pháp?

……………………….

B. TRẮC NGHIỆM ĐÚNG – SAI (2 CÂU)

Câu 1. Mỗi phát biểu sau đây về bộ chọn lớp là đúng hay sai?

a) Tên bộ chọn lớp do HTML định nghĩa.

b) Không thể khai báo bộ chọn lớp có tên .h1.

c) Khai báo CSS p.blue {color:blue;} sẽ thiết lập màu chữ xanh cho các phần tử p trong văn bản HTML có thuộc tính class = "blue".

d) Sử dụng khai báo p.red {color: red;} sẽ thiết lập màu chữ đỏ cho các phần tử trong văn bản HTML có thuộc tính class = "red”.

Đáp án:

a) Sai

b) Sai

c) Đúng

d) Đúng.

Câu 2. Mỗi phát biểu sau đây về bộ chọn định danh là đúng hay sai? 

a) Tên bộ chọn định danh do người tạo CSS định nghĩa.

b) Khai báo tên bộ chọn định danh #p là hợp lệ.

c) Áp dụng khai bảo CSS hip color web cho văn bản HTML sẽ thiết lập màu chữ đỏ cho tất cả các phần từ 2 có trong văn bản.

d) Áp dụng khai báo CSS hi#p {color: red; cho văn bản HTML sẽ thiết lập màu chữ đỏ cho tất cả các phần tử h1 có trong văn bản.

Đáp án:

--------------- Còn tiếp ---------------