TopStudy

Tin học · Lớp 12

15 câu Trắc nghiệm Tin học 12 Cánh diều Bộ chọn lớp, bộ chọn định danh có đáp án

15 câu · 23 phút · Ngân hàng đề TopStudy. Đáp án và lời giải do TopStudy biên soạn, mở ngay dưới từng câu.

Làm bài

Nội dung đề

Phần I. Trắc nghiệm nhiều lựa chọn

Câu 1

1 điểm

PHẦN I. Câu trắc nghiệm nhiều phương án lựa chọn. Thí sinh trả lời từ câu 1 đến câu 10. Mỗi câu hỏi thí sinh chỉ lựa chọn một phương án.

Câu 1: Bộ chọn lớp trong CSS được khai báo như thế nào?

  1. Đáp án A: #Tên_bộ_chọn_lớp { thuộc tính: giá trị; }
  2. Đáp án B: Tên_bộ_chọn_lớp { thuộc tính: giá trị; }
  3. Đáp án C: Tên_bộ_chọn_lớp { thuộc tính: giá trị; }
  4. Đáp án D: *Tên_bộ_chọn_lớp { thuộc tính: giá trị; }
Xem đáp án và lời giải

Lời giải do TopStudy biên soạn

Đáp án: B

Đáp án: B

Giải thích: Bộ chọn lớp trong CSS được khai báo bắt đầu bằng dấu chấm (.), ví dụ: .Tên_bộ_chọn_lớp { thuộc tính: giá trị; }.

Câu 2

1 điểm
Câu 2: Bộ chọn định danh trong CSS được khai báo như thế nào?
  1. Đáp án A: Tên_định_danh { thuộc tính: giá trị; }
  2. Đáp án B: #Tên_định_danh { thuộc tính: giá trị; }
  3. Đáp án C: Tên_định_danh { thuộc tính: giá trị; }
  4. Đáp án D: *Tên_định_danh { thuộc tính: giá trị; }
Xem đáp án và lời giải

Lời giải do TopStudy biên soạn

Đáp án: B

Đáp án: B

Giải thích: Bộ chọn định danh trong CSS được khai báo bắt đầu bằng dấu hash (#), ví dụ: #Tên_định_danh { thuộc tính: giá trị; }.

Câu 3

1 điểm
Câu 3: Trong CSS, thuộc tính nào được dùng để thay đổi màu chữ?
  1. Đáp án A: font-family
  2. Đáp án B: font-size
  3. Đáp án C: color
  4. Đáp án D: background-color
Xem đáp án và lời giải

Lời giải do TopStudy biên soạn

Đáp án: C

Đáp án: C

Giải thích: Thuộc tính color được sử dụng để thay đổi màu chữ trong CSS.

Câu 4

1 điểm
Câu 4: Làm thế nào để áp dụng nhiều bộ chọn lớp cho một phần tử trong CSS?
  1. Đáp án A: Tách các bộ chọn lớp bằng dấu phẩy
  2. Đáp án B: Tách các bộ chọn lớp bằng dấu chấm
  3. Đáp án C: Tách các bộ chọn lớp bằng dấu cách
  4. Đáp án D: Tách các bộ chọn lớp bằng dấu gạch ngang
Xem đáp án và lời giải

Lời giải do TopStudy biên soạn

Đáp án: C

Đáp án: C

Giải thích: Khi áp dụng nhiều bộ chọn lớp cho một phần tử, các lớp được phân tách bằng dấu cách, ví dụ: <<h3 class="blue orangered">.

Câu 5

1 điểm
Câu 5: Để định dạng phần tử <<input> với màu nền xanh và chữ trắng, bạn sẽ sử dụng bộ chọn lớp nào trong CSS?
  1. Đáp án A: yellow
  2. Đáp án B: blue
  3. Đáp án C: red
  4. Đáp án D: orangered
Xem đáp án và lời giải

Lời giải do TopStudy biên soạn

Đáp án: B

Đáp án: B

Giải thích: Để định dạng phần tử <<input> với màu nền xanh và chữ trắng, sử dụng bộ chọn lớp .blue như sau: input.blue {background-color: blue; color: white;}.

Câu 6

1 điểm
Câu 6: Làm thế nào để liên kết một tệp CSS ngoại vào tệp HTML?
  1. Đáp án A: <<link rel="stylesheet" href="tên_tệp.css">
  2. Đáp án B: <<style src="tên_tệp.css"></style>
  3. Đáp án C: <<script src="tên_tệp.css"></script>
  4. Đáp án D: <<stylesheet href="tên_tệp.css"></stylesheet>
Xem đáp án và lời giải

Câu 7

1 điểm
Câu 7: Để thay đổi phông chữ của phần tử với ID cụ thể, bạn sẽ sử dụng thuộc tính nào trong CSS?
  1. Đáp án A: font-size
  2. Đáp án B: font-family
  3. Đáp án C: text-align
  4. Đáp án D: line-height
Xem đáp án và lời giải

Câu 8

1 điểm
Câu 8: Bộ chọn lớp nào có thể được sử dụng để định dạng màu nền của phần tử <<input>?
  1. Đáp án A: red
  2. Đáp án B: yellow
  3. Đáp án C: blue
  4. Đáp án D: orangered
Xem đáp án và lời giải

Câu 9

1 điểm
Câu 9: Bộ chọn lớp .orangered định nghĩa các thuộc tính nào trong ví dụ sau?
  1. Đáp án A: font-family, font-size, color
  2. Đáp án B: background-color, color
  3. Đáp án C: font-family, color
  4. Đáp án D: font-size, background-color
Xem đáp án và lời giải

Câu 10

1 điểm
Câu 10: Khi thay đổi cỡ chữ của phần tử với bộ chọn định danh, bạn nên sử dụng thuộc tính nào?
  1. Đáp án A: font-family
  2. Đáp án B: font-size
  3. Đáp án C: text-transform
  4. Đáp án D: line-height
Xem đáp án và lời giải

Phần II. Tự luận

Câu 11

1 điểm

PHẦN II. Câu trắc nghiệm đúng sai. Thí sinh trả lời từ câu 1 đến câu 2. Trong mỗi ý a), b), c), d) ở mỗi câu, thí sinh chọn đúng hoặc sai

Câu 1: Phát biểu sau đúng hay sai về khai báo Bộ chọn lớp và bộ chọn định danh trong CSS ?

a) Bộ chọn lớp được khai báo bằng dấu chấm và bắt đầu bằng .Tên_bộ_chọn_lớp.
b) Bộ chọn định danh được khai báo bằng dấu hash và bắt đầu bằng #Tên_định_danh.
c) Bộ chọn lớp và bộ chọn định danh có thể được áp dụng cho nhiều phần tử khác nhau cùng lúc.
d) Bộ chọn định danh không cần phải bắt đầu bằng dấu hash trong CSS.

Xem đáp án và lời giải

Câu 12

1 điểm

Câu 2: Khi sử dụng bộ chọn lớp và bộ chọn định danh trong CSS, những điều sau là đúng hay sai?

a) Bộ chọn lớp được áp dụng cho các phần tử có cùng một kiểu định dạng trong CSS.
b) Bộ chọn định danh có thể được sử dụng để định dạng nhiều phần tử khác nhau trong CSS.
c) Để áp dụng nhiều bộ chọn lớp cho một phần tử, các lớp cần được phân tách bằng dấu cách.
d) Bộ chọn lớp và bộ chọn định danh đều có thể được sử dụng để định dạng các thuộc tính của phần tử HTML.

Xem đáp án và lời giải

Câu 13

1 điểm

PHẦN III. Câu trả lời ngắn. Thí sinh trả lời từ câu 1 đến câu 3

Câu 1: Khi sử dụng bộ chọn lớp trong CSS, cú pháp khai báo như thế nào?

Xem đáp án và lời giải

Câu 14

1 điểm
Câu 2: Bộ chọn định danh trong CSS có điểm gì khác biệt so với bộ chọn lớp?
Xem đáp án và lời giải

Câu 15

1 điểm
Câu 3: Làm thế nào để áp dụng nhiều bộ chọn lớp cho một phần tử trong CSS?
Xem đáp án và lời giải

Đề cùng chủ đề

Tất cả đề Bộ chọn lớp, bộ chọn định danh · Các bộ sách Tin học Lớp 12