Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS
Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9: Một số kĩ thuật định kiểu bằng vùng chọn trong CSS
-
43 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.
Khái niệm "vùng chọn" trong CSS là gì?
Đáp án: A
Giải thích: Vùng chọn (selector) trong CSS là một mẫu để chỉ định phần tử HTML cụ thể sẽ được áp dụng các quy tắc định kiểu.
Câu 2:
Đáp án: B
Giải thích: Vùng chọn tên thẻ được sử dụng để định dạng đồng loạt cho tất cả các phần tử HTML có cùng loại.
Câu 3:
Đáp án: A
Giải thích: Trong CSS, dấu chấm (.) được sử dụng trước tên lớp để chỉ định tất cả các phần tử có thuộc tính class đó.
Câu 4:
Đáp án: B
Giải thích: Giá trị thuộc tính id của mỗi phần tử HTML phải duy nhất trong cùng một trang web, không được trùng nhau.
Câu 5:
Đáp án: B
Giải thích: Ký hiệu dấu thăng (#) được sử dụng trong CSS để chỉ định giá trị id của một phần tử cụ thể.
Câu 6:
Đáp án: C
Giải thích: Tên lớp có thể được áp dụng cho nhiều phần tử HTML khác nhau, cho dù chúng là cùng loại hay khác loại.
Câu 7:
Đáp án: C
Giải thích: Việc sử dụng giá trị id để định kiểu trong CSS thường được dùng để áp dụng các quy tắc định kiểu riêng biệt cho một phần tử cụ thể.
Câu 8:
Đáp án: A
Giải thích: Sử dụng tên thẻ (trong trường hợp này là "p") để định dạng cho tất cả các phần tử <p> trong trang web.
Câu 9:
Đáp án: B
Giải thích: CSS có thể định dạng cho các phần tử HTML bằng cách sử dụng tên phần tử trực tiếp mà không cần sử dụng lớp hay id.
Câu 10:
Đáp án: B
Giải thích: Để định dạng các phần tử khác loại bằng cùng một tên lớp trong CSS, mỗi phần tử phải được gán cùng một tên lớp thông qua thuộc tính class.
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
Vùng chọn (selector) trong CSS có thể chỉ định phần tử HTML dựa trên những yếu tố sau đây đúng hay sai?
a) Tên phần tử, tên lớp, và thuộc tính id
b) Tên phần tử, thuộc tính style, và thuộc tính class
c) Tên lớp, thuộc tính inline, và giá trị id
d) Tên lớp, thuộc tính background, và thuộc tính text-align
a) Đúng. Vùng chọn trong CSS có thể chỉ định phần tử HTML dựa trên nhiều yếu tố như tên phần tử (ví dụ: p cho các thẻ <p>), tên lớp (ví dụ: .class-name cho các phần tử có lớp class-name), và thuộc tính id (ví dụ: #id-name cho phần tử có id id-name).
b) Sai. Vùng chọn không sử dụng thuộc tính style để định kiểu. Vùng chọn chỉ sử dụng tên phần tử, tên lớp, và giá trị id để chỉ định phần tử.
c) Sai. Vùng chọn không sử dụng thuộc tính inline (thuộc tính style trong HTML) để chỉ định phần tử. Vùng chọn chỉ sử dụng tên lớp và giá trị id.
d) Sai. Vùng chọn không sử dụng thuộc tính background hay text-align để chỉ định phần tử. Đây là các thuộc tính định kiểu, không phải là các yếu tố của vùng chọn.
Câu 12:
Phát biểu sau đây đúng hay sai khi định kiểu cho các phần tử cùng loại:
a) Tên lớp
b) Tên phần tử
c) Giá trị id
d) Mối quan hệ giữa các phần tử
a) Sai. Tên lớp dùng để định kiểu cho các phần tử có cùng tên lớp, có thể là cùng loại hoặc khác loại. Tuy nhiên, nếu chỉ định kiểu cho tất cả các phần tử cùng loại, bạn nên sử dụng tên phần tử.
b) Đúng. Khi muốn định kiểu đồng loạt cho tất cả các phần tử cùng loại (ví dụ: tất cả các thẻ <p>), bạn sử dụng vùng chọn theo tên phần tử.
c) Sai. Giá trị id được sử dụng để định kiểu cho một phần tử duy nhất trong trang web. Nó không phù hợp để định kiểu cho tất cả các phần tử cùng loại.
d) Sai. Mối quan hệ giữa các phần tử là cách để chọn các phần tử dựa trên sự liên kết của chúng, chẳng hạn như phần tử con hoặc phần tử liền kề. Điều này không áp dụng cho việc định kiểu cho tất cả các phần tử cùng loại
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
Để định kiểu cho tất cả các phần tử cùng loại trong HTML, bạn nên sử dụng loại vùng chọn nào?
Đáp án: Tên phần tử
Giải thích: Khi muốn áp dụng kiểu cho tất cả các phần tử cùng loại, như tất cả các thẻ <p> hoặc <h1>, bạn sử dụng tên phần tử làm vùng chọn. Ví dụ, p { color: red; } sẽ áp dụng màu chữ đỏ cho tất cả các thẻ <p>.
Câu 14:
Đáp án: Tên lớp
Giải thích: Khi bạn muốn áp dụng kiểu cho các phần tử có cùng một lớp, sử dụng vùng chọn theo tên lớp. Ví dụ, .class-name { } sẽ áp dụng cỡ chữ 16px cho tất cả các phần tử có lớp class-name.
Câu 15:
Đáp án: Giá trị id
Giải thích: Để định kiểu cho một phần tử duy nhất, sử dụng vùng chọn theo giá trị id. Ví dụ, #unique-id { background-color: blue; } sẽ chỉ áp dụng màu nền xanh cho phần tử có id unique-id.