Trắc nghiệm Tin học 12 Bài F12: Định kiểu CSS cho biểu mẫu - Chân trời sáng tạo
Haylamdo biên soạn và sưu tầm 10 câu hỏi trắc nghiệm Tin học 12 Bài F12: Định kiểu CSS cho biểu mẫu có đáp án chi tiết đầy đủ các mức độ sách Chân trời sáng tạo 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 Bài F12: Định kiểu CSS cho biểu mẫu - Chân trời sáng tạo
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: Để làm nổi bật hộp văn bản khi người dùng đặt con trỏ vào, thuộc tính nào cần được sử dụng để thay đổi đường viền của hộp văn bản?
A. background-color
B. border
C. outline
D. box-shadow
Câu 2: Để định kiểu cho các hộp văn bản trong biểu mẫu với kích thước tổng cộng là 300 pixels, bạn cần sử dụng thuộc tính nào để tính gộp vùng đệm và đường biên vào tổng chiều rộng?
A. box-sizing
B. margin
C. padding
D. border
Câu 3: Để làm cho nút nhấn chuyển sang màu đỏ khi đang được nhấn và giữ chuột, thuộc tính nào cần được sử dụng?
A. :hover
B. :focus
C. :checked
D. :active
Câu 4: Để định kiểu cho nút tròn trong trạng thái được chọn, thuộc tính nào cần được sử dụng?
A. :hover
B. :focus
C. :checked
D. :active
Câu 5: Để đặt thuộc tính hiển thị cho các phần tử HTML cấp độ block trong biểu mẫu, bạn cần sử dụng giá trị nào cho thuộc tính display?
A. inline
B. flex
C. block
D. none
Câu 6: Để đặt màu nền cho hộp văn bản khi con trỏ chuột nằm trên nó, bạn cần sử dụng thuộc tính nào?
A. background-color
B. border-color
C. color
D. outline-color
Câu 7: Để định kiểu cho các hộp kiểm khi chúng không được chọn, thuộc tính nào được sử dụng?
A. :focus
B. :not(:checked)
C. :active
D. :hover
Câu 8: Để làm cho hộp văn bản có đường viền màu xanh khi người dùng đặt con trỏ vào, thuộc tính nào nên được sử dụng?
A. border-color
B. outline-color
C. background-color
D. text-color
Câu 9: Để đặt các phần tử <div> và <form> chiếm toàn bộ chiều rộng của trang, thuộc tính nào cần sử dụng?
A. margin
B. display
C. width
D. height
Câu 10: Để định kiểu cho trạng thái khi nút tròn hoặc hộp kiểm được chọn, bạn cần sử dụng lớp nào?
A. :hover
B. :focus
C. :checked
D. :disabled
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 đây đúng hay sai về định kiểu cho hộp văn bản?
a) Để định kiểu cho phần tử cấp độ block trong biểu mẫu, sử dụng giá trị block cho thuộc tính display.
b) Thuộc tính box-sizing với giá trị border-box làm cho vùng đệm và đường biên được tính vào tổng chiều rộng của hộp văn bản.
c) Thuộc tính outline làm ảnh hưởng đến kích thước và bố cục của hộp văn bản.
d) Để làm nổi bật hộp văn bản khi người dùng đặt con trỏ vào, khai báo trạng thái :focus là cần thiết.
Câu 2: Phát biểu sau đây đúng hay sai về định kiểu cho nút tròn, hộp kiểm và nút nhấn?
a) Để định kiểu cho nút tròn, hộp kiểm và nút nhấn, khai báo vùng chọn bằng tên thẻ và thuộc tính type trong cặp ngoặc vuông.
b) Trạng thái :checked dùng để định kiểu cho các nút tròn và hộp kiểm khi chúng được chọn.
c) Để định kiểu cho nút nhấn, sử dụng thuộc tính :hover để thay đổi màu sắc khi con trỏ chuột nằm trên nút.
d) Để định kiểu cho trạng thái nút nhấn khi nhấn và giữ chuột, sử dụng thuộc tính :active.
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: Để định kiểu cho phần tử cấp độ block trong biểu mẫu, thuộc tính display cần được đặt giá trị gì?
Câu 2: Thuộc tính box-sizing với giá trị nào giúp tính gộp vùng đệm và đường biên vào tổng chiều rộng của hộp văn bản?
Câu 3: Để định kiểu cho trạng thái nút nhấn khi con trỏ chuột nằm trên nút, thuộc tính nào cần được sử dụng?