[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ử

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?

A. tr td:first-child

B. tr:first-child td

C. td:first-child

D. tr td:nth-child(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?

A. border-collapse: separate;

B. border-collapse: collapse;

C. border-spacing: 0;

D. border-style: none;

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?

A. Mỗi cột sẽ chiếm 25% chiều rộng.

B. Các cột sẽ tự động co giãn để vừa với 100% chiều rộng.

C. Bảng sẽ bị tràn ra ngoài.

D. Chỉ 4 cột đầu tiên chiếm 25%, cột thứ 5 sẽ chiếm phần còn lại.

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