15 câu Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F9 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.
Khái niệm "vùng chọn" trong CSS là gì?
Một mẫu để chỉ định phần tử HTML cần định kiểu.
Một tập hợp các thuộc tính CSS.
Một tập tin riêng biệt chứa mã CSS.
Một phương pháp kiểm tra tính hợp lệ của CSS.
Đá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.
Tên lớp
Tên thẻ
Giá trị id
Mối quan hệ phần tử
Đá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.
(dấu chấm)
# (dấu thăng)
@ (dấu a còng)
& (dấu và)
Đá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 đó.
Phải trùng nhau
Phải khác nhau
Có thể trùng hoặc khác nhau
Không quan trọng
Đá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.
(dấu chấm)
# (dấu thăng)
* (dấu sao)
& (dấu và)
Đá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ể.
Chỉ các phần tử cùng loại
Chỉ các phần tử khác loại
Các phần tử cùng hoặc khác loại
Chỉ các phần tử định dạng bởi id
Đá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.
Định dạng đồng loạt
Định dạng cho các phần tử khác loại
Định dạng riêng biệt
Định dạng theo nhóm
Đá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ể.
p {}
p {}
#p {}
&p {}
Đá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.
Sử dụng mối quan hệ phần tử
Sử dụng tên phần tử
Sử dụng thuộc tính inline
Sử dụng thuộc tính style
Đá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.
Mỗi phần tử phải có giá trị id khác nhau
Mỗi phần tử phải có cùng tên lớp
Mỗi phần tử phải có cùng thuộc tính style
Mỗi phần tử phải sử dụng thuộc tính inline
Đá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.
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.
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
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>.
Đá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.
Đá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.


