Trắc nghiệm Tin học ứng dụng 12 chân trời sáng tạo bài F11: Định kiểu CSS cho bảng và phần tử
1. Khi áp dụng border-collapse: separate; cho bảng, điều gì sẽ xảy ra với các đường viền của các ô?
A. Các đường viền của các ô sẽ có khoảng cách riêng biệt với nhau.
B. Các đường viền của các ô sẽ gộp lại thành một đường viền duy nhất.
C. Các đường viền của các ô sẽ biến mất.
D. Các đường viền của các ô sẽ tự động dày lên.
2. Nếu muốn định dạng cho tất cả các phần tử th (ô tiêu đề) trong bảng, ta sử dụng selector nào trong CSS?
A. th
B. td
C. tr
D. table th
3. Thuộc tính CSS nào được sử dụng để định dạng đường viền của toàn bộ bảng?
A. table { border: 1px solid black; }
B. table td { border: 1px solid black; }
C. table tr { border: 1px solid black; }
D. table tbody { border: 1px solid black; }
4. Để tạo hiệu ứng sọc ngang cho các hàng của bảng (alternating row colors), thuộc tính CSS nào thường được sử dụng kết hợp với pseudo-class?
A. nth-child
B. first-child
C. last-child
D. only-child
5. Chọn đoạn CSS đúng để tạo màu nền khác nhau cho các hàng chẵn và lẻ của một bảng có ID là myTable.
A. #myTable tr:nth-child(even) { background-color: #f9f9f9; } #myTable tr:nth-child(odd) { background-color: #ffffff; }
B. #myTable tr:nth-child(odd) { background-color: #f9f9f9; } #myTable tr:nth-child(even) { background-color: #ffffff; }
C. #myTable tr:first-child { background-color: #f9f9f9; } #myTable tr:last-child { background-color: #ffffff; }
D. #myTable td:nth-child(even) { background-color: #f9f9f9; }
6. Khi áp dụng thuộc tính border-collapse: collapse; cho một bảng HTML, điều gì xảy ra với các đường viền của các ô?
A. Các đường viền của các ô sẽ được gộp lại thành một đường viền duy nhất, loại bỏ khoảng cách giữa chúng.
B. Các đường viền của các ô sẽ tự động dày lên.
C. Các đường viền của các ô sẽ có màu sắc khác nhau.
D. Khoảng cách giữa các đường viền của các ô sẽ được tăng gấp đôi.
7. Nếu muốn đặt màu nền cho một hàng cụ thể trong bảng HTML bằng CSS, ta nên sử dụng selector nào?
A. tr { background-color: #f2f2f2; }
B. table { background-color: #f2f2f2; }
C. td { background-color: #f2f2f2; }
D. th { background-color: #f2f2f2; }
8. Khi table-layout được đặt thành fixed, chiều rộng của các cột sẽ được xác định dựa trên yếu tố nào?
A. Chiều rộng của cột đầu tiên trong bảng.
B. Chiều rộng lớn nhất của nội dung trong tất cả các ô.
C. Chiều rộng trung bình của tất cả các ô.
D. Chiều rộng của bảng.
9. Để căn chỉnh nội dung theo chiều ngang vào giữa trong một ô bảng sử dụng CSS, ta dùng thuộc tính nào?
A. vertical-align: middle;
B. text-align: center;
C. align: center;
D. content-align: center;
10. Thuộc tính CSS nào dùng để điều chỉnh chiều rộng của một cột trong bảng HTML?
A. column-width
B. width
C. cell-width
D. table-layout
11. Đâu là cách viết CSS để tạo viền màu xám nhạt cho tất cả các đường kẻ ngang và dọc giữa các ô trong một bảng?
A. table { border-collapse: separate; border: 1px solid #ccc; }
B. table td { border: 1px solid #ccc; }
C. table { border-collapse: collapse; border: 1px solid #ccc; }
D. Both A and B
12. Đâu là cách viết CSS để thêm khoảng cách 10 pixel giữa các đường viền của ô và nội dung bên trong mỗi ô?
A. table td { padding: 10px; }
B. table { padding: 10px; }
C. table td { margin: 10px; }
D. table { margin: 10px; }
13. Khi sử dụng vertical-align: top; cho các ô trong bảng, nội dung sẽ được căn chỉnh như thế nào?
A. Nội dung sẽ được căn chỉnh lên trên cùng của ô.
B. Nội dung sẽ được căn chỉnh xuống dưới cùng của ô.
C. Nội dung sẽ được căn chỉnh vào giữa theo chiều dọc của ô.
D. Nội dung sẽ được căn chỉnh theo chiều ngang vào giữa.
14. Để làm cho nội dung của một ô bảng tràn sang các ô bên cạnh theo chiều ngang, ta sử dụng thuộc tính CSS nào?
A. colspan
B. rowspan
C. cell-merge
D. span-cells
15. Thuộc tính CSS nào dùng để kiểm soát cách bảng xử lý chiều rộng và chiều cao của các ô?
A. table-layout
B. layout-mode
C. display
D. content-box
16. Để đặt khoảng cách nội dung từ mép trái của ô bảng, ta sử dụng thuộc tính CSS nào?
A. margin-left
B. padding-left
C. border-left
D. text-indent
17. Thuộc tính CSS nào được sử dụng để căn chỉnh nội dung theo chiều dọc trong một ô bảng?
A. text-align
B. vertical-align
C. content-align
D. align-items
18. Đâu là cách viết CSS để đặt đường viền cho tất cả các ô trong bảng?
A. table td, table th { border: 1px solid black; }
B. table { border: 1px solid black; }
C. td, th { border: 1px solid black; }
D. All of the above
19. Thuộc tính CSS nào dùng để điều chỉnh chiều cao của một hàng trong bảng HTML?
A. height
B. row-height
C. cell-height
D. line-height
20. Để định dạng cho một ô bảng cụ thể bằng cách sử dụng ID, ta dùng selector nào?
A. #cellID
B. .cellID
C. td[id=cellID]
D. Both A and C
21. Khi sử dụng border-collapse: collapse;, nếu một ô có đường viền riêng và hàng chứa nó cũng có đường viền, đường viền nào sẽ được hiển thị?
A. Đường viền của ô sẽ được ưu tiên hiển thị.
B. Đường viền của hàng sẽ được ưu tiên hiển thị.
C. Đường viền dày nhất sẽ được hiển thị.
D. Đường viền được định nghĩa cuối cùng trong CSS sẽ được hiển thị.
22. Thuộc tính CSS nào được sử dụng để đặt khoảng cách giữa các đường viền của ô trong bảng?
A. border-spacing
B. padding-collapse
C. margin-collapse
D. border-collapse
23. Nếu muốn đặt đường viền dưới cho mỗi ô trong bảng, ta dùng CSS selector nào?
A. td { border-bottom: 1px solid black; }
B. tr { border-bottom: 1px solid black; }
C. table { border-bottom: 1px solid black; }
D. td { border: 1px solid black; }
24. Đâu là cách viết CSS để đặt đường viền màu đỏ, nét liền, dày 2 pixel cho toàn bộ bảng?
A. table { border: 2px solid red; }
B. table { border-style: solid; border-width: 2px; border-color: red; }
C. table { border: red 2px solid; }
D. All of the above
25. Trong CSS, giá trị nào của thuộc tính text-align sẽ căn giữa nội dung của ô bảng theo chiều ngang?
A. left
B. right
C. center
D. justify
