Trắc nghiệm Tin học ứng dụng 12 Chân trời bài F11: Định kiểu CSS cho bảng và phần tử
1. Khi sử dụng thuộc tính "border-collapse: collapse;", đường viền của các ô sẽ được định dạng theo quy tắc nào về độ rộng và kiểu?
A. Mỗi ô giữ nguyên kiểu và độ rộng đường viền riêng.
B. Đường viền chung của bảng sẽ được áp dụng cho các ô.
C. Đường viền của ô có độ rộng lớn hơn sẽ được ưu tiên.
D. Đường viền của ô được xác định bởi thuộc tính "border-width" của thẻ "table".
2. Thuộc tính CSS nào dùng để căn chỉnh nội dung của ô bảng theo chiều dọc?
A. text-align
B. line-height
C. vertical-align
D. align-self
3. Thuộc tính CSS nào dùng để ẩn hoàn toàn đường viền của một ô bảng hoặc một phần của đường viền?
A. border-style: none;
B. border-width: 0;
C. display: none;
D. visibility: hidden;
4. Trong CSS, để tạo hiệu ứng thay đổi màu nền cho tất cả các ô bảng "td" khi người dùng nhấp vào chúng (trạng thái active), ta sử dụng bộ chọn nào?
A. td:active
B. td:focus
C. td:hover
D. td:visited
5. Trong định kiểu CSS cho bảng, thuộc tính nào kiểm soát việc hiển thị đường viền cho các cạnh riêng lẻ của ô (ví dụ: chỉ cạnh trên và cạnh trái)?
A. border-top
B. border-left
C. border-right
D. Tất cả các thuộc tính trên
6. Để thiết lập khoảng cách giữa các đường viền của các ô liền kề trong một bảng HTML bằng CSS, ta sử dụng thuộc tính nào?
A. border-spacing
B. padding
C. margin
D. border-collapse
7. Thuộc tính CSS nào được sử dụng để định dạng cho các phần tử "th" để chúng luôn hiển thị dưới dạng khối (block) và chiếm toàn bộ chiều rộng của bảng, tương tự như một thẻ div?
A. display: block;
B. display: inline-block;
C. float: left;
D. position: absolute;
8. Thuộc tính CSS nào cho phép bạn điều chỉnh khoảng cách giữa các dòng trong một ô bảng?
A. line-height
B. letter-spacing
C. word-spacing
D. margin-bottom
9. Để định dạng cho tất cả các phần tử "th" (tiêu đề bảng) có màu chữ xanh lam, ta sử dụng cú pháp CSS nào?
A. th { color: blue; }
B. th { text-color: blue; }
C. th { font-color: blue; }
D. th { foreground: blue; }
10. Để thêm khoảng đệm bên trong mỗi ô bảng (giữa nội dung và đường viền ô), ta sử dụng thuộc tính CSS nào?
A. margin
B. padding
C. border-spacing
D. gap
11. Nếu muốn các đường viền của bảng và các ô liền kề nhau nhưng không gộp lại, vẫn giữ khoảng cách nhỏ ban đầu, ta nên thiết lập "border-collapse" với giá trị nào?
A. collapse
B. separate
C. merge
D. auto
12. Để định dạng cho tất cả các phần tử "td" (ô dữ liệu) có lớp CSS là "highlight" trong một bảng, ta sử dụng selector nào?
A. td.highlight
B. .highlight td
C. td highlight
D. table td.highlight
13. Trong ngữ cảnh CSS cho bảng, thuộc tính "empty-cells" có chức năng gì?
A. Kiểm soát hiển thị đường viền cho các ô rỗng.
B. Kiểm soát hiển thị nội dung cho các ô rỗng.
C. Kiểm soát hiển thị background cho các ô rỗng.
D. Kiểm soát khoảng cách giữa các ô rỗng.
14. Thuộc tính CSS nào được dùng để định dạng đường viền cho toàn bộ bảng (table)?
A. border-width
B. border-style
C. border
D. outline
15. Thuộc tính CSS nào được sử dụng để định dạng các ký tự đặc biệt cho danh sách hoặc các phần tử lặp lại trong bảng (nếu có)?
A. list-style-type
B. marker-type
C. bullet-style
D. symbol-type
16. Thuộc tính CSS "caption-side" được sử dụng để làm gì trong bảng HTML?
A. Căn chỉnh nội dung tiêu đề bảng.
B. Xác định vị trí của chú thích bảng (caption).
C. Thay đổi kiểu chữ cho tiêu đề bảng.
D. Tạo đường viền cho tiêu đề bảng.
17. Để làm cho một hàng (tr) trong bảng có màu nền khác biệt khi người dùng di chuột qua, ta sử dụng bộ chọn CSS nào?
A. tr:hover
B. table:hover tr
C. tr:focus
D. table:active tr
18. Trong trường hợp bảng có nhiều phần tử "tr" (hàng), thuộc tính "page-break-before" hoặc "page-break-after" có thể được sử dụng với giá trị nào để đảm bảo một hàng cụ thể luôn bắt đầu trên một trang mới khi in?
A. always
B. auto
C. left
D. right
19. Để định dạng cho tất cả các phần tử "th" (tiêu đề bảng) trong một bảng cụ thể có ID là "myTable", ta sử dụng selector nào?
A. #myTable th
B. .myTable th
C. table#myTable th
D. myTable > th
20. Nếu bạn muốn tất cả các bảng trên trang web của mình có đường viền màu đen, dày 2px và kiểu nét liền, bạn có thể sử dụng quy tắc CSS nào?
A. table { border: 2px solid black; }
B. table { border-width: 2px; border-style: solid; border-color: black; }
C. table { outline: 2px solid black; }
D. Cả hai lựa chọn 1 và 2 đều đúng.
21. Trong CSS, thuộc tính nào được sử dụng để căn chỉnh nội dung của một ô bảng (td hoặc th) theo chiều ngang?
A. vertical-align
B. text-align
C. align-items
D. justify-content
22. Nếu muốn các đường viền của ô bảng gộp lại thành một đường viền duy nhất, ta nên thiết lập thuộc tính "border-collapse" với giá trị nào?
A. separate
B. collapse
C. merge
D. single
23. Trong CSS, thuộc tính "text-decoration" có thể được áp dụng cho các phần tử trong bảng để làm gì?
A. Thay đổi màu nền của văn bản.
B. Tạo gạch chân, gạch ngang hoặc gạch chân kép cho văn bản.
C. Thay đổi kiểu chữ của văn bản.
D. Tạo hiệu ứng bóng cho văn bản.
24. Thuộc tính CSS nào cho phép bạn đặt màu nền cho toàn bộ bảng?
A. background-color
B. color
C. background
D. cell-background
25. Để tạo hiệu ứng sọc ngang cho bảng (ví dụ: mỗi hàng chẵn có một màu nền khác), ta có thể sử dụng bộ chọn CSS nào?
A. tr:nth-child(even)
B. tr:odd
C. tr:even
D. table tr:even
