Trắc nghiệm Tin học 12 Cánh diều Bài 10 (có đáp án): Bộ chọn lớp, bộ chọn định danh

Với 15 câu hỏi trắc nghiệm Tin học 12 Bài 10: Bộ chọn lớp, bộ chọn định danh có đáp án chi tiết đầy đủ các mức độ sách Cánh diều sẽ giúp học sinh lớp 12 ôn luyện trắc nghiệm Tin 12.

Trắc nghiệm Tin học 12 Cánh diều Bài 10 (có đáp án): Bộ chọn lớp, bộ chọn định danh

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?

A. #Tên_bộ_chọn_lớp { thuộc tính: giá trị; }

B. .Tên_bộ_chọn_lớp { thuộc tính: giá trị; }

C. Tên_bộ_chọn_lớp { thuộc tính: giá trị; }

D. *Tên_bộ_chọn_lớp { thuộc tính: giá trị; }

Hiển thị đáp án

Đá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: Bộ chọn định danh trong CSS được khai báo như thế nào?

A. .Tên_định_danh { thuộc tính: giá trị; }

B. #Tên_định_danh { thuộc tính: giá trị; }

C. Tên_định_danh { thuộc tính: giá trị; }

D. *Tên_định_danh { thuộc tính: giá trị; }

Hiển thị đáp án

Đá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: Trong CSS, thuộc tính nào được dùng để thay đổi màu chữ?

A. font-family

B. font-size

C. color

D. background-color

Hiển thị đáp án

Đá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: Làm thế nào để áp dụng nhiều bộ chọn lớp cho một phần tử trong CSS?

A. Tách các bộ chọn lớp bằng dấu phẩy

B. Tách các bộ chọn lớp bằng dấu chấm

C. Tách các bộ chọn lớp bằng dấu cách

D. Tách các bộ chọn lớp bằng dấu gạch ngang

Hiển thị đáp án

Đá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: Để đị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?

A. .yellow

B. .blue

C. .red

D. .orangered

Hiển thị đáp án

Đá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: 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>

Hiển thị đáp án

Đáp án: A

Giải thích: Để liên kết một tệp CSS ngoại vào tệp HTML, sử dụng thẻ <link> với thuộc tính rel="stylesheet" và href="tên_tệp.css".

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?

A. font-size

B. font-family

C. text-align

D. line-height

Hiển thị đáp án

Đáp án: B

Giải thích: Thuộc tính font-family được sử dụng để thay đổi phông chữ của phần tử trong CSS.

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>?

A. .red

B. .yellow

C. .blue

D. .orangered

Hiển thị đáp án

Đáp án: B

Giải thích: Để định dạng màu nền của phần tử <input>, bộ chọn lớp .yellow có thể được sử dụng như sau: input.yellow {background-color: yellow;}.

Câu 9: Bộ chọn lớp .orangered định nghĩa các thuộc tính nào trong ví dụ sau?

A. font-family, font-size, color

B. background-color, color

C. font-family, color

D. font-size, background-color

Hiển thị đáp án

Đáp án: A

Giải thích: Bộ chọn lớp .orangered định nghĩa các thuộc tính font-family, font-size, và color như sau: .orangered {font-family: "Verdana"; font-size: 25px; color: orangered;}.

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?

A. font-family

B. font-size

C. text-transform

D. line-height

Hiển thị đáp án

Đáp án: B

Giải thích: Để thay đổi cỡ chữ của phần tử, thuộc tính font-size được sử dụng trong CSS.

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.

Hiển thị đáp án

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

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

c) Đúng. Cả bộ chọn lớp và bộ chọn định danh đều có thể được áp dụng cho nhiều phần tử khác nhau trong cùng một tài liệu HTML.

d) Sai. Bộ chọn định danh bắt buộc phải bắt đầu bằng dấu hash (#) để phân biệt với bộ chọn lớp trong CSS.

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.

Hiển thị đáp án

a) Đúng. Bộ chọn lớp được sử dụng để áp dụng các quy tắc định dạng cho nhiều phần tử có cùng một lớp trong CSS.

b) Sai. Bộ chọn định danh chỉ áp dụng cho một phần tử duy nhất trong tài liệu HTML. Nó không thể được sử dụng cho nhiều phần tử cùng lúc.

c) Đúng. 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">.

d) Đúng. Cả 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.

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?

Hiển thị đáp án

Đáp án: Bộ chọn lớp được khai báo với cú pháp: .Tên_bộ_chọn_lớp { thuộc tính: giá trị; }.

Giải thích: Bộ chọn lớp bắt đầu bằng dấu chấm (.) theo sau là tên lớp do người tạo định nghĩa. Ví dụ: .red { color: red; }.

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?

Hiển thị đáp án

Đáp án: Bộ chọn định danh bắt đầu bằng dấu hash (#) và chỉ áp dụng cho một phần tử duy nhất trong HTML.

Giải thích: Bộ chọn định danh được khai báo với cú pháp: #Tên_định_danh { thuộc tính: giá trị; }. Ví dụ: #header { font-size: 20px; }. Điều này khác với bộ chọn lớp, có thể áp dụng cho nhiều phần tử.

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?

Hiển thị đáp án

Đáp án: Để á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 trong thuộc tính class.

Giải thích: Khi nhiều lớp cần được áp dụng cho một phần tử, chúng được liệt kê cách nhau bởi dấu cách. Ví dụ: <h3 class="blue orangered"> sẽ áp dụng cả định dạng từ lớp .blue và .orangered.

Xem thêm câu hỏi trắc nghiệm Tin học lớp 12 Cánh diều có đáp án hay khác:

• Trắc nghiệm Tin học 12 Bài 11: Mô hình hộp, bố cục trang web

• Trắc nghiệm Tin học 12 Bài 12: Dự án nhỏ: Tạo trang web báo tường

• Trắc nghiệm Tin học 12 Bài 1: Giới thiệu nhóm nghề Dịch vụ và Quản trị trong ngành Công nghệ thông tin

• Trắc nghiệm Tin học 12 Bài 2: Một số nghề khác trong ngành Công nghệ thông tin và một số nghề ứng dụng công nghệ thông tin

• Trắc nghiệm Tin học 12 Bài 3: Dự án nhỏ: Tìm hiểu thông tin tuyển sinh và hướng nghiệp về lĩnh vực đào tạo “Máy tính và Công nghệ thông tin” ở Việt Nam

Xem thêm các tài liệu học tốt lớp 12 hay khác:

• Giải sgk Tin học 12 Cánh diều
• Giải Chuyên đề Tin học 12 Cánh diều
• Giải SBT Tin học 12 Cánh diều
• Giải lớp 12 Cánh diều (các môn học)
• Giải lớp 12 Kết nối tri thức (các môn học)
• Giải lớp 12 Chân trời sáng tạo (các môn học)

---