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 hỏi
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?
#Tên_bộ_chọn_lớp { thuộc tính: giá trị; }
Tên_bộ_chọn_lớp { thuộc tính: giá trị; }
Tên_bộ_chọn_lớp { thuộc tính: giá trị; }
*Tên_bộ_chọn_lớp { thuộc tính: giá trị; }
Đá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?
Tên_định_danh { thuộc tính: giá trị; }
#Tên_định_danh { thuộc tính: giá trị; }
Tên_định_danh { thuộc tính: giá trị; }
*Tên_định_danh { thuộc tính: giá trị; }
Đá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ữ?
font-family
font-size
color
background-color
Đá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?
Tách các bộ chọn lớp bằng dấu phẩy
Tách các bộ chọn lớp bằng dấu chấm
Tách các bộ chọn lớp bằng dấu cách
Tách các bộ chọn lớp bằng dấu gạch ngang
Đá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?
yellow
blue
red
orangered
Đá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;}.
<link rel="stylesheet" href="tên_tệp.css">
<style src="tên_tệp.css"></style>
<script src="tên_tệp.css"></script>
<stylesheet href="tên_tệp.css"></stylesheet>
Đá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?
font-size
font-family
text-align
line-height
Đáp án: B
Giải thích: Thuộc tính 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>?
red
yellow
blue
orangered
Đá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;}.
font-family, font-size, color
background-color, color
font-family, color
font-size, background-color
Đá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: 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?
font-family
font-size
text-transform
line-height
Đá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;">
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.
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.
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?
Đá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?
Đá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ử.
Đá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.
