Trắc nghiệm Tin học 12 Cánh diều Bài 10: Bộ chọn lớp, bộ chọn định danh
-
39 lượt thi
-
15 câu hỏi
-
45 phút
Danh sách câu hỏi
Câu 1:
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?
Xem đá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:
Câu 2: Bộ chọn định danh trong CSS được khai báo như thế nào?
Xem đá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:
Câu 3: Trong CSS, thuộc tính nào được dùng để thay đổi màu chữ?
Xem đá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:
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?
Xem đá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:
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?
Xem đá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:
Xem đá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:
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?
Xem đáp án
Đáp án: B
Giải thích: Thuộc tính ng chữ của phần tử trong CSS.
Câu 8:
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>?
Xem đá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:
Xem đáp án
Đáp án: A
Giải thích: Bộ chọn lớp .orangered định nghĩa các thuộc tính color như sau: .orangered { color: orangered;}.
Câu 10:
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?
Xem đáp án
Đáp án: B
Giải thích: Để thay đổi cỡ chữ của phần tử, thuộc tính mso-ascii-theme-font: major-latin; mso-hansi-theme-font: major-latin; mso-bidi-theme-font: major-latin; mso-ansi-language: EN-US;">
Câu 11:
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
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 12:
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
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.
Câu 13:
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
Đá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 14:
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
Đá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 { }. Đ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 15:
Xem đá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.