4. Trong CSS, thuộc tính nào được sử dụng để căn chỉnh nội dung của các ô bảng (| hoặc | ) theo chiều ngang?
A. vertical-align
B. text-align
C. align-items
D. justify-content
5. Để tạo hiệu ứng khi người dùng di chuột qua một hàng trong bảng, bạn sẽ sử dụng bộ chọn CSS nào?
A. table tr:hover
B. table tr:focus
C. table tr:active
D. table tr:visited
6. Thuộc tính CSS nào dùng để đặt chiều rộng của một cột trong bảng HTML?
A. column-width
B. width
C. table-layout
D. max-width
7. Nếu bạn muốn các ô trong một cột có chiều cao bằng nhau bất kể nội dung, thuộc tính CSS nào nên được áp dụng cho thẻ ?
A. table-layout: auto;
B. table-layout: fixed;
C. height: auto;
D. vertical-align: middle;
8. Bạn muốn định kiểu cho tất cả các phần tử `` (tiêu đề bảng) trong một bảng cụ thể. Bộ chọn CSS nào là chính xác nhất?
A. table th
B. th
C. table > th
D. table.my-table th
9. Nếu bạn muốn làm cho tất cả các ô trong bảng có cùng một chiều rộng, bạn nên kết hợp thuộc tính CSS nào?
A. table-layout: fixed; và width: 100%;
B. table-layout: auto; và width: 100%;
C. width: auto; và table-layout: fixed;
D. width: auto; và table-layout: auto;
10. Để làm cho văn bản trong ô bảng không bị ngắt và luôn nằm trên một dòng duy nhất, bạn nên sử dụng thuộc tính CSS nào?
A. white-space: normal;
B. white-space: nowrap;
C. word-break: break-word;
D. overflow-wrap: normal;
11. Thuộc tính CSS nào được sử dụng để định dạng màu nền cho toàn bộ bảng?
A. color
B. background-color
C. background
D. fill
12. Để làm cho văn bản trong ô bảng () tự động xuống dòng khi không đủ chỗ, bạn nên sử dụng thuộc tính CSS nào?
A. white-space: nowrap;
B. word-break: break-all;
C. word-wrap: break-word;
D. overflow-wrap: break-word;
13. Khi sử dụng `border-collapse: collapse;` cho bảng, thuộc tính nào sẽ không còn ảnh hưởng đến khoảng cách giữa các ô?
A. padding
B. margin
C. border-spacing
D. outline
14. Để tạo hiệu ứng làm cho đường viền của ô bảng chỉ hiển thị ở phía dưới, bạn sẽ sử dụng thuộc tính CSS nào?
A. border-bottom
B. border-top
C. border-left
D. border-right
15. CSS cung cấp một cách để định kiểu cho các phần tử con cụ thể của bảng, ví dụ như tiêu đề bảng. Bộ chọn CSS nào thường được dùng để nhắm mục tiêu vào tiêu đề của một bảng?
A. table-caption
B. table > th
C. table-header
D. thead
16. Nếu bạn muốn định kiểu cho tất cả các hàng của bảng (trừ hàng tiêu đề) để có màu nền khác nhau, bộ chọn nào là phù hợp nhất?
A. table tbody tr
B. table tr
C. table td
D. table th
17. Khi định kiểu cho bảng, thuộc tính `border-collapse` có hai giá trị chính là `collapse` và `separate`. Giá trị `separate` có nghĩa là gì?
A. Các đường viền của ô sẽ hợp nhất thành một đường duy nhất.
B. Mỗi ô sẽ có đường viền riêng biệt, có thể có khoảng cách giữa chúng.
C. Bảng sẽ không có đường viền.
D. Đường viền chỉ hiển thị ở các cạnh ngoài của bảng.
18. Trong CSS, thuộc tính nào dùng để căn chỉnh nội dung của các ô bảng (| hoặc | ) theo chiều dọc?
A. text-align
B. vertical-align
C. align-items
D. baseline-shift
19. Thuộc tính CSS nào cho phép bạn kiểm soát khoảng cách giữa các ô trong một bảng HTML?
A. padding
B. margin
C. border-spacing
D. gap
20. Giả sử bạn có một bảng HTML và muốn tô màu nền cho các hàng xen kẽ (zebra-striping). Cần sử dụng bộ chọn CSS nào để nhắm mục tiêu vào các hàng chẵn hoặc lẻ?
A. :nth-child(odd) và :nth-child(even)
B. :first-child và :last-child
C. :hover và :active
D. :focus và :disabled
21. Để gộp các đường viền của bảng thành một đường viền duy nhất, tránh việc mỗi ô có đường viền riêng, bạn nên áp dụng thuộc tính CSS nào cho thẻ ?
A. border-spacing: 0;
B. border-collapse: collapse;
C. outline: none;
D. table-layout: fixed;
22. Để làm cho các ô bảng có đường viền dày 1 pixel, màu đen, nét liền, bạn sẽ sử dụng khai báo CSS nào?
A. border: 1px solid black;
B. border-width: 1px; border-color: black;
C. border-style: solid; border: 1px black;
D. border-width: 1px; border-style: solid; border-color: black;
23. Bạn muốn đặt một đường viền dày màu đỏ cho toàn bộ bảng. Cần áp dụng thuộc tính CSS nào cho thẻ ?
A. border: 2px solid red;
B. outline: 2px solid red;
C. border-width: 2px; border-style: solid; border-color: red;
D. border-left: 2px solid red; border-right: 2px solid red; border-top: 2px solid red; border-bottom: 2px solid red;
24. Để bỏ tất cả các đường viền mặc định của một bảng HTML bằng CSS, bạn có thể áp dụng thuộc tính nào với giá trị phù hợp?
A. border: none;
B. outline: none;
C. border-width: 0;
D. border-style: none;
25. Thuộc tính CSS nào có thể được sử dụng để thêm khoảng đệm bên trong mỗi ô của bảng?
A. margin
B. padding
C. border
D. outline
1 / 25
Category:
[Chân trời] Trắc nghiệm Khoa học máy tính 12 bài F11: Định kiểu CSS cho bảng và phần tử
Tags:
Bộ đề 1
1. Trong ngữ cảnh của bảng HTML, thuộc tính CSS `empty-cells` dùng để làm gì?
Thuộc tính empty-cells trong CSS quy định liệu các ô trống trong bảng (khi border-collapse không phải là collapse) có hiển thị đường viền và màu nền hay không. Kết luận Lý giải: Kiểm soát việc hiển thị nội dung của các ô trống.
2 / 25
Category:
[Chân trời] Trắc nghiệm Khoa học máy tính 12 bài F11: Định kiểu CSS cho bảng và phần tử
Tags:
Bộ đề 1
2. Trong CSS, thuộc tính `caption-side` được sử dụng để làm gì đối với bảng HTML?
Thuộc tính caption-side trong CSS được sử dụng để xác định vị trí của phần tử caption (tiêu đề bảng), có thể là top (mặc định) hoặc bottom. Kết luận Lý giải: Xác định vị trí của tiêu đề bảng (caption).
3 / 25
Category:
[Chân trời] Trắc nghiệm Khoa học máy tính 12 bài F11: Định kiểu CSS cho bảng và phần tử
Tags:
Bộ đề 1
3. Thuộc tính CSS nào kiểm soát cách văn bản trong ô bảng sẽ bị tràn ra ngoài hoặc bị cắt bớt nếu nó quá dài?
Thuộc tính overflow trong CSS xác định hành vi khi nội dung của một phần tử tràn ra khỏi khung của nó, và nó có thể được đặt thành hidden, scroll, auto, hoặc visible. Kết luận Lý giải: overflow.
4 / 25
Category:
[Chân trời] Trắc nghiệm Khoa học máy tính 12 bài F11: Định kiểu CSS cho bảng và phần tử
Tags:
Bộ đề 1
4. Trong CSS, thuộc tính nào được sử dụng để căn chỉnh nội dung của các ô bảng ( hoặc | ) theo chiều ngang?
Theo các tài liệu về CSS, text-align là thuộc tính tiêu chuẩn để căn chỉnh nội dung theo chiều ngang trong các phần tử, bao gồm cả ô bảng. Kết luận Lý giải: text-align.
5 / 25
Category:
[Chân trời] Trắc nghiệm Khoa học máy tính 12 bài F11: Định kiểu CSS cho bảng và phần tử
Tags:
Bộ đề 1
5. Để tạo hiệu ứng khi người dùng di chuột qua một hàng trong bảng, bạn sẽ sử dụng bộ chọn CSS nào?
Theo các quy ước CSS, :hover là bộ chọn giả lớp được sử dụng để áp dụng kiểu dáng khi con trỏ chuột di chuyển qua một phần tử. Kết luận Lý giải: table tr:hover.
6 / 25
Category:
[Chân trời] Trắc nghiệm Khoa học máy tính 12 bài F11: Định kiểu CSS cho bảng và phần tử
Tags:
Bộ đề 1
6. Thuộc tính CSS nào dùng để đặt chiều rộng của một cột trong bảng HTML?
Thuộc tính width là thuộc tính CSS tiêu chuẩn được sử dụng để xác định chiều rộng của bất kỳ phần tử nào, bao gồm cả các ô hoặc cột trong bảng HTML. Kết luận Lý giải: width.
7 / 25
Category:
[Chân trời] Trắc nghiệm Khoa học máy tính 12 bài F11: Định kiểu CSS cho bảng và phần tử
Tags:
Bộ đề 1
7. Nếu bạn muốn các ô trong một cột có chiều cao bằng nhau bất kể nội dung, thuộc tính CSS nào nên được áp dụng cho thẻ ?
Theo tài liệu về CSS, thuộc tính table-layout: fixed; cho phép trình duyệt sử dụng thuật toán bố cục bảng cố định, thường dựa trên chiều rộng của cột đầu tiên hoặc các cột được chỉ định, giúp các ô có chiều cao bằng nhau. Kết luận Lý giải: table-layout: fixed;.
8 / 25
Category:
[Chân trời] Trắc nghiệm Khoa học máy tính 12 bài F11: Định kiểu CSS cho bảng và phần tử
Tags:
Bộ đề 1
8. Bạn muốn định kiểu cho tất cả các phần tử ` ` (tiêu đề bảng) trong một bảng cụ thể. Bộ chọn CSS nào là chính xác nhất?
Bộ chọn table th sẽ nhắm mục tiêu vào tất cả các phần tử th là con cháu trực tiếp hoặc gián tiếp của một phần tử table. Kết luận Lý giải: table th.
9 / 25
Category:
[Chân trời] Trắc nghiệm Khoa học máy tính 12 bài F11: Định kiểu CSS cho bảng và phần tử
Tags:
Bộ đề 1
9. Nếu bạn muốn làm cho tất cả các ô trong bảng có cùng một chiều rộng, bạn nên kết hợp thuộc tính CSS nào?
Để các ô có cùng chiều rộng và bảng chiếm toàn bộ không gian, việc sử dụng table-layout: fixed; kết hợp với width: 100% là phương pháp hiệu quả nhất. Kết luận Lý giải: table-layout: fixed; và width: 100%;.
10 / 25
Category:
[Chân trời] Trắc nghiệm Khoa học máy tính 12 bài F11: Định kiểu CSS cho bảng và phần tử
Tags:
Bộ đề 1
10. Để làm cho văn bản trong ô bảng không bị ngắt và luôn nằm trên một dòng duy nhất, bạn nên sử dụng thuộc tính CSS nào?
Thuộc tính white-space: nowrap; trong CSS ngăn chặn việc xuống dòng và khoảng trắng, giữ cho văn bản luôn nằm trên một dòng duy nhất. Kết luận Lý giải: white-space: nowrap;.
11 / 25
Category:
[Chân trời] Trắc nghiệm Khoa học máy tính 12 bài F11: Định kiểu CSS cho bảng và phần tử
Tags:
Bộ đề 1
11. Thuộc tính CSS nào được sử dụng để định dạng màu nền cho toàn bộ bảng?
Thuộc tính background-color là thuộc tính CSS tiêu chuẩn được sử dụng để đặt màu nền cho bất kỳ phần tử nào, bao gồm cả thẻ bảng. Kết luận Lý giải: background-color.
12 / 25
Category:
[Chân trời] Trắc nghiệm Khoa học máy tính 12 bài F11: Định kiểu CSS cho bảng và phần tử
Tags:
Bộ đề 1
12. Để làm cho văn bản trong ô bảng ( ) tự động xuống dòng khi không đủ chỗ, bạn nên sử dụng thuộc tính CSS nào?
Theo MDN Web Docs, thuộc tính overflow-wrap (trước đây là word-wrap) cho phép ngắt từ khi nó không thể vừa với dòng, giúp văn bản tự động xuống dòng. Kết luận Lý giải: overflow-wrap: break-word;.
13 / 25
Category:
[Chân trời] Trắc nghiệm Khoa học máy tính 12 bài F11: Định kiểu CSS cho bảng và phần tử
Tags:
Bộ đề 1
13. Khi sử dụng `border-collapse: collapse;` cho bảng, thuộc tính nào sẽ không còn ảnh hưởng đến khoảng cách giữa các ô?
Khi border-collapse được thiết lập là collapse, thuộc tính border-spacing không còn tác dụng vì các đường viền của ô sẽ hợp nhất, loại bỏ khoảng trống giữa chúng. Kết luận Lý giải: border-spacing.
14 / 25
Category:
[Chân trời] Trắc nghiệm Khoa học máy tính 12 bài F11: Định kiểu CSS cho bảng và phần tử
Tags:
Bộ đề 1
14. Để tạo hiệu ứng làm cho đường viền của ô bảng chỉ hiển thị ở phía dưới, bạn sẽ sử dụng thuộc tính CSS nào?
Thuộc tính border-bottom là một thuộc tính CSS cụ thể cho phép chỉ định kiểu, độ dày và màu sắc cho đường viền phía dưới của một phần tử. Kết luận Lý giải: border-bottom.
15 / 25
Category:
[Chân trời] Trắc nghiệm Khoa học máy tính 12 bài F11: Định kiểu CSS cho bảng và phần tử
Tags:
Bộ đề 1
15. CSS cung cấp một cách để định kiểu cho các phần tử con cụ thể của bảng, ví dụ như tiêu đề bảng. Bộ chọn CSS nào thường được dùng để nhắm mục tiêu vào tiêu đề của một bảng?
Trong HTML và CSS, phần tử thead (table head) được sử dụng để nhóm các hàng tiêu đề của bảng, và nó là bộ chọn phổ biến nhất để định kiểu cho tiêu đề bảng. Kết luận Lý giải: thead.
16 / 25
Category:
[Chân trời] Trắc nghiệm Khoa học máy tính 12 bài F11: Định kiểu CSS cho bảng và phần tử
Tags:
Bộ đề 1
16. Nếu bạn muốn định kiểu cho tất cả các hàng của bảng (trừ hàng tiêu đề) để có màu nền khác nhau, bộ chọn nào là phù hợp nhất?
Theo cấu trúc HTML của bảng, phần tử tbody chứa các hàng dữ liệu của bảng, do đó table tbody tr là bộ chọn chính xác để nhắm mục tiêu vào các hàng dữ liệu, bỏ qua hàng tiêu đề (thead) hoặc chân bảng (tfoot). Kết luận Lý giải: table tbody tr.
17 / 25
Category:
[Chân trời] Trắc nghiệm Khoa học máy tính 12 bài F11: Định kiểu CSS cho bảng và phần tử
Tags:
Bộ đề 1
17. Khi định kiểu cho bảng, thuộc tính `border-collapse` có hai giá trị chính là `collapse` và `separate`. Giá trị `separate` có nghĩa là gì?
Theo các tài liệu về CSS, giá trị separate cho thuộc tính border-collapse là hành vi mặc định, nơi mỗi ô có đường viền riêng và khoảng cách giữa các đường viền này được kiểm soát bởi border-spacing. Kết luận Lý giải: Mỗi ô sẽ có đường viền riêng biệt, có thể có khoảng cách giữa chúng.
18 / 25
Category:
[Chân trời] Trắc nghiệm Khoa học máy tính 12 bài F11: Định kiểu CSS cho bảng và phần tử
Tags:
Bộ đề 1
18. Trong CSS, thuộc tính nào dùng để căn chỉnh nội dung của các ô bảng ( hoặc | ) theo chiều dọc?
Theo các tài liệu về CSS, vertical-align là thuộc tính được sử dụng để xác định sự căn chỉnh theo chiều dọc của nội dung bên trong các ô bảng. Kết luận Lý giải: vertical-align.
19 / 25
Category:
[Chân trời] Trắc nghiệm Khoa học máy tính 12 bài F11: Định kiểu CSS cho bảng và phần tử
Tags:
Bộ đề 1
19. Thuộc tính CSS nào cho phép bạn kiểm soát khoảng cách giữa các ô trong một bảng HTML?
Theo các tài liệu chuẩn về CSS, thuộc tính border-spacing được thiết kế riêng để xác định khoảng cách giữa các ô trong một bảng HTML, đặc biệt khi border-collapse không được đặt là collapse. Kết luận Lý giải: border-spacing.
20 / 25
Category:
[Chân trời] Trắc nghiệm Khoa học máy tính 12 bài F11: Định kiểu CSS cho bảng và phần tử
Tags:
Bộ đề 1
20. Giả sử bạn có một bảng HTML và muốn tô màu nền cho các hàng xen kẽ (zebra-striping). Cần sử dụng bộ chọn CSS nào để nhắm mục tiêu vào các hàng chẵn hoặc lẻ?
Theo các nguồn tham khảo về CSS, các bộ chọn giả lớp :nth-child(odd) và :nth-child(even) được sử dụng để chọn các phần tử con theo thứ tự lẻ hoặc chẵn, rất hữu ích cho việc tạo hiệu ứng zebra-striping cho bảng. Kết luận Lý giải: :nth-child(odd) và :nth-child(even).
21 / 25
Category:
[Chân trời] Trắc nghiệm Khoa học máy tính 12 bài F11: Định kiểu CSS cho bảng và phần tử
Tags:
Bộ đề 1
21. Để gộp các đường viền của bảng thành một đường viền duy nhất, tránh việc mỗi ô có đường viền riêng, bạn nên áp dụng thuộc tính CSS nào cho thẻ ?
Thuộc tính border-collapse với giá trị collapse là cách chuẩn trong CSS để gộp các đường viền của bảng và các ô bên trong thành một đường viền duy nhất. Kết luận Lý giải: border-collapse: collapse;.
22 / 25
Category:
[Chân trời] Trắc nghiệm Khoa học máy tính 12 bài F11: Định kiểu CSS cho bảng và phần tử
Tags:
Bộ đề 1
22. Để làm cho các ô bảng có đường viền dày 1 pixel, màu đen, nét liền, bạn sẽ sử dụng khai báo CSS nào?
Khai báo border: 1px solid black; là cách viết tắt tiêu chuẩn trong CSS để thiết lập độ dày 1px, kiểu đường viền liền nét và màu đen cho tất cả các cạnh của phần tử. Kết luận Lý giải: border: 1px solid black;.
23 / 25
Category:
[Chân trời] Trắc nghiệm Khoa học máy tính 12 bài F11: Định kiểu CSS cho bảng và phần tử
Tags:
Bộ đề 1
23. Bạn muốn đặt một đường viền dày màu đỏ cho toàn bộ bảng. Cần áp dụng thuộc tính CSS nào cho thẻ ?
Theo quy tắc viết tắt CSS, border: 2px solid red; là cách ngắn gọn và phổ biến nhất để đặt đường viền dày 2px, kiểu nét liền, màu đỏ cho tất cả các cạnh của phần tử. Kết luận Lý giải: border: 2px solid red;.
24 / 25
Category:
[Chân trời] Trắc nghiệm Khoa học máy tính 12 bài F11: Định kiểu CSS cho bảng và phần tử
Tags:
Bộ đề 1
24. Để bỏ tất cả các đường viền mặc định của một bảng HTML bằng CSS, bạn có thể áp dụng thuộc tính nào với giá trị phù hợp?
Theo các quy tắc CSS, việc đặt thuộc tính border với giá trị none cho phần tử bảng sẽ loại bỏ tất cả các đường viền của nó. Kết luận Lý giải: border: none;.
25 / 25
Category:
[Chân trời] Trắc nghiệm Khoa học máy tính 12 bài F11: Định kiểu CSS cho bảng và phần tử
Tags:
Bộ đề 1
25. Thuộc tính CSS nào có thể được sử dụng để thêm khoảng đệm bên trong mỗi ô của bảng?
Theo các quy tắc CSS, thuộc tính padding được sử dụng để tạo khoảng trống giữa nội dung của một phần tử và đường viền của nó, áp dụng cho cả ô bảng. Kết luận Lý giải: padding.
| | | | | | | |
