4. Để tạo kiểu cho các phần tử con của một bảng, bao gồm cả các ô (| ) và hàng ( | ), bạn có thể sử dụng bộ chọn nào?
A. table td, table tr
B. table > td, table > tr
C. table td, tr
D. table *
5. Thuộc tính CSS nào cho phép bạn định dạng đường viền cho toàn bộ bảng, không chỉ riêng từng ô?
A. table { border: 1px solid black; }
B. td { border: 1px solid black; }
C. th { border: 1px solid black; }
D. table, td, th { border: 1px solid black; }
6. Trong CSS, làm thế nào để căn giữa nội dung của một ô bảng theo chiều ngang?
A. text-align: center;
B. align: center;
C. vertical-align: middle;
D. content-align: center;
7. Để tạo kiểu cho các phần tử th (tiêu đề bảng) và làm chúng nổi bật hơn, bạn nên áp dụng các thuộc tính CSS nào?
A. font-weight: bold; background-color: #f2f2f2;
B. text-decoration: underline; color: blue;
C. font-style: italic; text-align: left;
D. border-bottom: 2px solid black;
8. Thuộc tính CSS nào kiểm soát cách văn bản chảy quanh một phần tử, ví dụ như hình ảnh trong một ô bảng?
A. float
B. clear
C. display
D. position
9. Khi sử dụng caption-side: bottom; trong CSS cho một bảng, vị trí của phần chú thích (caption) sẽ thay đổi như thế nào?
A. Chú thích sẽ xuất hiện ở trên cùng của bảng.
B. Chú thích sẽ xuất hiện ở dưới cùng của bảng.
C. Chú thích sẽ xuất hiện bên cạnh bảng.
D. Chú thích sẽ biến mất.
10. Trong CSS, thuộc tính empty-cells có tác dụng gì đối với các ô bảng trống?
A. Cho phép hiển thị đường viền của ô trống.
B. Ẩn đường viền của ô trống.
C. Thay đổi màu nền của ô trống.
D. Thay đổi căn lề của ô trống.
11. Nếu bạn đặt border-collapse: collapse; và sau đó thử đặt border-spacing cho bảng, điều gì sẽ xảy ra?
A. border-spacing sẽ có hiệu lực và tạo khoảng cách.
B. border-spacing sẽ bị bỏ qua và không có hiệu lực.
C. Bảng sẽ hiển thị lỗi.
D. Khoảng cách sẽ bằng 0.
12. Nếu bạn muốn một ô bảng chiếm không gian của hai cột, bạn sẽ sử dụng thuộc tính HTML (thường được định kiểu bởi CSS) nào?
A. colspan=2
B. rowspan=2
C. span=2
D. width=200%
13. Trong CSS, thuộc tính nào được sử dụng để điều chỉnh khoảng cách giữa các đường viền của ô trong một bảng HTML?
A. border-spacing
B. padding
C. margin
D. border-collapse
14. Khi sử dụng thuộc tính border-collapse: collapse;, nếu một ô có đường viền riêng và ô liền kề cũng có đường viền riêng, kết quả cuối cùng sẽ là gì?
A. Hai đường viền sẽ chồng lên nhau và hiển thị một đường viền duy nhất.
B. Sẽ có khoảng trống giữa hai đường viền.
C. Một trong hai đường viền sẽ biến mất.
D. Bảng sẽ hiển thị lỗi.
15. Nếu bạn muốn mỗi hàng xen kẽ một màu nền khác nhau để dễ đọc, bạn sẽ sử dụng kỹ thuật CSS nào?
A. Sử dụng lớp CSS cho từng hàng.
B. Sử dụng bộ chọn nth-child với giả mã lớp.
C. Sử dụng thuộc tính background-color cho toàn bộ bảng.
D. Sử dụng JavaScript để thay đổi màu nền từng hàng.
16. Nếu bạn muốn ẩn hoàn toàn đường viền của các ô trong bảng, cách nào là hiệu quả nhất bằng CSS?
A. border: none;
B. border-collapse: collapse;
C. visibility: hidden;
D. display: none;
17. Nếu thuộc tính border-collapse được đặt là separate, điều gì sẽ xảy ra với các đường viền của bảng?
A. Các đường viền sẽ gộp lại thành một.
B. Các đường viền của mỗi ô sẽ tách biệt nhau và có thể có khoảng trống giữa chúng.
C. Các đường viền sẽ biến mất.
D. Các đường viền sẽ chỉ xuất hiện ở các cạnh ngoài của bảng.
18. Trong ngữ cảnh CSS, display: block; áp dụng cho một ô bảng () sẽ có tác dụng gì?
A. Ô bảng sẽ hiển thị như một khối độc lập, chiếm toàn bộ chiều rộng.
B. Nội dung trong ô sẽ được căn giữa.
C. Ô bảng sẽ chỉ chiếm không gian cần thiết cho nội dung của nó.
D. Ô bảng sẽ hiển thị inline với các phần tử khác.
19. Thuộc tính CSS nào cho phép bạn đặt một hình ảnh làm nền cho toàn bộ bảng?
A. background-image: url(path/to/image.jpg);
B. background: url(path/to/image.jpg);
C. background-url: url(path/to/image.jpg);
D. background-source: url(path/to/image.jpg);
20. Ngược lại với colspan, thuộc tính nào cho phép một ô bảng chiếm không gian của hai hàng?
A. rowspan
B. colspan
C. cellspan
D. height
21. Để căn giữa nội dung của một ô bảng theo chiều dọc, bạn sẽ sử dụng thuộc tính CSS nào?
A. text-align: middle;
B. vertical-align: center;
C. align-items: center;
D. vertical-align: middle;
22. Trong CSS, để tạo hiệu ứng hover (di chuột qua) làm thay đổi màu nền của một hàng trong bảng, bạn sẽ sử dụng bộ chọn nào?
A. table tr:hover
B. table:hover tr
C. tr.hover
D. tr:active
23. Thuộc tính CSS nào giúp bạn kiểm soát việc lặp lại hoặc không lặp lại của hình ảnh nền trong một ô bảng?
A. background-repeat
B. background-image
C. background-position
D. background-size
24. Nếu bạn muốn thay đổi màu sắc của văn bản trong các ô tiêu đề bảng () thành màu đỏ, bạn sẽ viết CSS như thế nào?
A. th { color: red; }
B. thead { color: red; }
C. td { color: red; }
D. table th { color: red; }
25. Thuộc tính CSS nào được sử dụng để điều chỉnh độ rộng của một cột cụ thể trong bảng?
A. width
B. column-width
C. cell-width
D. table-layout
1 / 25
Category:
[Chân trời] Trắc nghiệm Tin học ứng dụng 12 bài F11: Định kiểu CSS cho bảng và phần tử
Tags:
Bộ đề 1
1. Để tạo kiểu cho ô đầu tiên của mỗi hàng trong bảng, bạn sẽ sử dụng bộ chọn CSS nào?
Bộ chọn tr td:first-child nhắm mục tiêu đến phần tử td là con đầu tiên của mỗi phần tử tr, giúp định kiểu cho ô đầu tiên của mỗi hàng. Kết luận Lý giải: tr td:first-child.
2 / 25
Category:
[Chân trời] Trắc nghiệm Tin học ứng dụng 12 bài F11: Định kiểu CSS cho bảng và phần tử
Tags:
Bộ đề 1
2. Để gộp các đường viền của ô trong bảng HTML thành một đường viền duy nhất, ta sử dụng thuộc tính CSS nào?
Thuộc tính border-collapse với giá trị collapse sẽ gộp các đường viền của các ô liền kề thành một đường viền duy nhất, loại bỏ khoảng trống giữa chúng. Kết luận Lý giải: border-collapse: collapse;.
3 / 25
Category:
[Chân trời] Trắc nghiệm Tin học ứng dụng 12 bài F11: Định kiểu CSS cho bảng và phần tử
Tags:
Bộ đề 1
3. Giả sử bạn có bảng với CSS: table { width: 100%; }, td { width: 25%; }. Nếu bảng có 5 cột, điều gì sẽ xảy ra?
Khi tổng chiều rộng của các cột (5 * 25% = 125%) vượt quá chiều rộng của bảng (100%), các cột sẽ cố gắng chiếm tỷ lệ được chỉ định, nhưng cột cuối cùng sẽ chiếm phần còn lại để bảng vừa với chiều rộng tổng thể. Kết luận Lý giải: Chỉ 4 cột đầu tiên chiếm 25%, cột thứ 5 sẽ chiếm phần còn lại.
4 / 25
Category:
[Chân trời] Trắc nghiệm Tin học ứng dụng 12 bài F11: Định kiểu CSS cho bảng và phần tử
Tags:
Bộ đề 1
4. Để tạo kiểu cho các phần tử con của một bảng, bao gồm cả các ô ( ) và hàng ( | ), bạn có thể sử dụng bộ chọn nào?
Bộ chọn hậu duệ table td, table tr cho phép bạn áp dụng kiểu cho tất cả các phần tử td và tr nằm bên trong bất kỳ phần tử table nào. Kết luận Lý giải: table td, table tr.
5 / 25
Category:
[Chân trời] Trắc nghiệm Tin học ứng dụng 12 bài F11: Định kiểu CSS cho bảng và phần tử
Tags:
Bộ đề 1
5. Thuộc tính CSS nào cho phép bạn định dạng đường viền cho toàn bộ bảng, không chỉ riêng từng ô?
Để áp dụng kiểu đường viền cho cả bảng và các ô (cả tiêu đề và dữ liệu), cần sử dụng bộ chọn kết hợp table, td, th để đảm bảo đường viền bao phủ toàn bộ cấu trúc. Kết luận Lý giải: table, td, th { border: 1px solid black; }.
6 / 25
Category:
[Chân trời] Trắc nghiệm Tin học ứng dụng 12 bài F11: Định kiểu CSS cho bảng và phần tử
Tags:
Bộ đề 1
6. Trong CSS, làm thế nào để căn giữa nội dung của một ô bảng theo chiều ngang?
Thuộc tính text-align với giá trị center được sử dụng để căn giữa nội dung văn bản theo chiều ngang bên trong một phần tử, bao gồm cả các ô bảng. Kết luận Lý giải: text-align: center;.
7 / 25
Category:
[Chân trời] Trắc nghiệm Tin học ứng dụng 12 bài F11: Định kiểu CSS cho bảng và phần tử
Tags:
Bộ đề 1
7. Để tạo kiểu cho các phần tử th (tiêu đề bảng) và làm chúng nổi bật hơn, bạn nên áp dụng các thuộc tính CSS nào?
Các thuộc tính font-weight: bold; và background-color thường được sử dụng để làm nổi bật các tiêu đề bảng, giúp phân biệt chúng với dữ liệu thông thường. Kết luận Lý giải: font-weight: bold; background-color: #f2f2f2;.
8 / 25
Category:
[Chân trời] Trắc nghiệm Tin học ứng dụng 12 bài F11: Định kiểu CSS cho bảng và phần tử
Tags:
Bộ đề 1
8. Thuộc tính CSS nào kiểm soát cách văn bản chảy quanh một phần tử, ví dụ như hình ảnh trong một ô bảng?
Thuộc tính float cho phép một phần tử (như ảnh) nổi sang trái hoặc phải, và văn bản sẽ chảy xung quanh nó. Kết luận Lý giải: float.
9 / 25
Category:
[Chân trời] Trắc nghiệm Tin học ứng dụng 12 bài F11: Định kiểu CSS cho bảng và phần tử
Tags:
Bộ đề 1
9. Khi sử dụng caption-side: bottom; trong CSS cho một bảng, vị trí của phần chú thích (caption) sẽ thay đổi như thế nào?
Thuộc tính caption-side với giá trị bottom sẽ di chuyển phần tử caption của bảng xuống phía dưới bảng, thay vì vị trí mặc định là phía trên. Kết luận Lý giải: Chú thích sẽ xuất hiện ở dưới cùng của bảng.
10 / 25
Category:
[Chân trời] Trắc nghiệm Tin học ứng dụng 12 bài F11: Định kiểu CSS cho bảng và phần tử
Tags:
Bộ đề 1
10. Trong CSS, thuộc tính empty-cells có tác dụng gì đối với các ô bảng trống?
Thuộc tính empty-cells với giá trị hide (mặc định là show) sẽ ẩn đường viền và màu nền của các ô bảng không chứa nội dung. Kết luận Lý giải: Ẩn đường viền của ô trống.
11 / 25
Category:
[Chân trời] Trắc nghiệm Tin học ứng dụng 12 bài F11: Định kiểu CSS cho bảng và phần tử
Tags:
Bộ đề 1
11. Nếu bạn đặt border-collapse: collapse; và sau đó thử đặt border-spacing cho bảng, điều gì sẽ xảy ra?
Khi border-collapse được đặt là collapse, thuộc tính border-spacing sẽ không còn tác dụng vì các đường viền đã được gộp lại. Kết luận Lý giải: border-spacing sẽ bị bỏ qua và không có hiệu lực.
12 / 25
Category:
[Chân trời] Trắc nghiệm Tin học ứng dụng 12 bài F11: Định kiểu CSS cho bảng và phần tử
Tags:
Bộ đề 1
12. Nếu bạn muốn một ô bảng chiếm không gian của hai cột, bạn sẽ sử dụng thuộc tính HTML (thường được định kiểu bởi CSS) nào?
Thuộc tính colspan trong thẻ hoặc | cho phép ô đó mở rộng để chiếm nhiều cột, với giá trị là số cột muốn chiếm. Kết luận Lý giải: colspan=2.
13 / 25
Category:
[Chân trời] Trắc nghiệm Tin học ứng dụng 12 bài F11: Định kiểu CSS cho bảng và phần tử
Tags:
Bộ đề 1
13. Trong CSS, thuộc tính nào được sử dụng để điều chỉnh khoảng cách giữa các đường viền của ô trong một bảng HTML?
Thuộc tính border-spacing trong CSS cho phép xác định khoảng cách giữa các đường viền của các ô liền kề trong một bảng HTML, tạo ra 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 Tin học ứng dụng 12 bài F11: Định kiểu CSS cho bảng và phần tử
Tags:
Bộ đề 1
14. Khi sử dụng thuộc tính border-collapse: collapse;, nếu một ô có đường viền riêng và ô liền kề cũng có đường viền riêng, kết quả cuối cùng sẽ là gì?
Với border-collapse: collapse;, các đường viền của các ô liền kề sẽ gộp lại, chỉ hiển thị một đường viền duy nhất tại vị trí chung đó. Kết luận Lý giải: Hai đường viền sẽ chồng lên nhau và hiển thị một đường viền duy nhất.
15 / 25
Category:
[Chân trời] Trắc nghiệm Tin học ứng dụng 12 bài F11: Định kiểu CSS cho bảng và phần tử
Tags:
Bộ đề 1
15. Nếu bạn muốn mỗi hàng xen kẽ một màu nền khác nhau để dễ đọc, bạn sẽ sử dụng kỹ thuật CSS nào?
Bộ chọn nth-child (ví dụ: tr:nth-child(even)) cho phép áp dụng kiểu cho các phần tử con dựa trên vị trí của chúng, rất hiệu quả cho việc tạo hiệu ứng xen kẽ màu cho các hàng trong bảng. Kết luận Lý giải: Sử dụng bộ chọn nth-child với giả mã lớp.
16 / 25
Category:
[Chân trời] Trắc nghiệm Tin học ứng dụng 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 ẩn hoàn toàn đường viền của các ô trong bảng, cách nào là hiệu quả nhất bằng CSS?
Áp dụng border: none; cho các phần tử của bảng (td, th) sẽ loại bỏ mọi đường viền đã được định nghĩa trước đó. Kết luận Lý giải: border: none;.
17 / 25
Category:
[Chân trời] Trắc nghiệm Tin học ứng dụng 12 bài F11: Định kiểu CSS cho bảng và phần tử
Tags:
Bộ đề 1
17. Nếu thuộc tính border-collapse được đặt là separate, điều gì sẽ xảy ra với các đường viền của bảng?
Khi border-collapse được đặt là separate (mặc định), mỗi ô trong bảng sẽ có đường viền riêng và có thể có khoảng cách giữa chúng, cho phép sử dụng thuộc tính border-spacing. Kết luận Lý giải: Các đường viền của mỗi ô sẽ tách biệt nhau và có thể có khoảng trống giữa chúng.
18 / 25
Category:
[Chân trời] Trắc nghiệm Tin học ứng dụng 12 bài F11: Định kiểu CSS cho bảng và phần tử
Tags:
Bộ đề 1
18. Trong ngữ cảnh CSS, display: block; áp dụng cho một ô bảng ( ) sẽ có tác dụng gì?
Việc đặt display: block; cho một ô bảng sẽ khiến nó hành xử như một phần tử block, nghĩa là nó sẽ chiếm toàn bộ chiều rộng có sẵn và bắt đầu trên một dòng mới. Kết luận Lý giải: Ô bảng sẽ hiển thị như một khối độc lập, chiếm toàn bộ chiều rộng.
19 / 25
Category:
[Chân trời] Trắc nghiệm Tin học ứng dụng 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 đặt một hình ảnh làm nền cho toàn bộ bảng?
Thuộc tính background là một thuộc tính viết tắt cho phép bạn thiết lập nhiều thuộc tính nền cùng lúc, bao gồm cả background-image. Kết luận Lý giải: background: url(path/to/image.jpg);.
20 / 25
Category:
[Chân trời] Trắc nghiệm Tin học ứng dụng 12 bài F11: Định kiểu CSS cho bảng và phần tử
Tags:
Bộ đề 1
20. Ngược lại với colspan, thuộc tính nào cho phép một ô bảng chiếm không gian của hai hàng?
Thuộc tính rowspan trong thẻ hoặc | cho phép ô đó mở rộng để chiếm nhiều hàng, với giá trị là số hàng muốn chiếm. Kết luận Lý giải: rowspan.
21 / 25
Category:
[Chân trời] Trắc nghiệm Tin học ứng dụng 12 bài F11: Định kiểu CSS cho bảng và phần tử
Tags:
Bộ đề 1
21. Để căn giữa nội dung của một ô bảng theo chiều dọc, bạn sẽ sử dụng thuộc tính CSS nào?
Thuộc tính vertical-align với giá trị middle được dùng để căn giữa nội dung theo chiều dọc bên trong các ô bảng hoặc các phần tử inline-block. Kết luận Lý giải: vertical-align: middle;.
22 / 25
Category:
[Chân trời] Trắc nghiệm Tin học ứng dụng 12 bài F11: Định kiểu CSS cho bảng và phần tử
Tags:
Bộ đề 1
22. Trong CSS, để tạo hiệu ứng hover (di chuột qua) làm thay đổi màu nền của một hàng trong bảng, bạn sẽ sử dụng bộ chọn nào?
Bộ chọn :hover được sử dụng để áp dụng kiểu cho một phần tử khi người dùng di chuột qua nó; table tr:hover áp dụng kiểu cho các hàng (tr) bên trong bảng khi di chuột qua chính hàng đó. Kết luận Lý giải: table tr:hover.
23 / 25
Category:
[Chân trời] Trắc nghiệm Tin học ứng dụng 12 bài F11: Định kiểu CSS cho bảng và phần tử
Tags:
Bộ đề 1
23. Thuộc tính CSS nào giúp bạn kiểm soát việc lặp lại hoặc không lặp lại của hình ảnh nền trong một ô bảng?
Thuộc tính background-repeat kiểm soát liệu hình ảnh nền có được lặp lại theo chiều ngang, chiều dọc, cả hai hay không lặp lại. Kết luận Lý giải: background-repeat.
24 / 25
Category:
[Chân trời] Trắc nghiệm Tin học ứng dụng 12 bài F11: Định kiểu CSS cho bảng và phần tử
Tags:
Bộ đề 1
24. Nếu bạn muốn thay đổi màu sắc của văn bản trong các ô tiêu đề bảng ( ) thành màu đỏ, bạn sẽ viết CSS như thế nào?
Để nhắm mục tiêu chính xác các ô tiêu đề, bạn nên sử dụng bộ chọn table th để đảm bảo màu đỏ chỉ áp dụng cho các phần tử bên trong bảng. Kết luận Lý giải: table th { color: red; }.
25 / 25
Category:
[Chân trời] Trắc nghiệm Tin học ứng dụng 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 sử dụng để điều chỉnh độ rộng của một cột cụ thể trong bảng?
Thuộc tính width có thể được áp dụng trực tiếp cho các phần tử hoặc | để xác định độ rộng của cột đó, hoặc cho thẻ để định nghĩa độ rộng cho cả một cột. Kết luận Lý giải: width.
| | | | | | | |
