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ử giúp bạn đánh giá chính xác mức độ hiểu bài thông qua hệ thống câu hỏi đa dạng. Các câu hỏi được xây dựng theo lộ trình giúp bạn tự tin hoàn thành bài quiz. Đặc biệt phù hợp với người học muốn tự đánh giá năng lực. Thông qua quá trình làm bài, bạn có thể điều chỉnh phương pháp học tập cho phù hợp. Điều này giúp việc học trở nên hiệu quả hơn.
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ử
⏱ Thời gian còn lại: --:--
Tiến độ hoàn thành
0/0 câu
🏆 BẢNG VÀNG TOP 5 ĐIỂM TỐT NHẤT
Đang tải bảng xếp hạng...
Câu 1: Để loại bỏ khoảng cách giữa các ô trong bảng bằng CSS, thuộc tính nào sau đây cần được sử dụng trên thẻ 'table'?
- - border-collapse: separate
- - border-collapse: collapse
- - border-spacing: 0
- - margin: 0
Câu 2: Thuộc tính 'caption-side' trong CSS dùng để làm gì đối với bảng?
- - Thay đổi vị trí của chú thích bảng
- - Thay đổi độ rộng của bảng
- - Thay đổi đường viền bao quanh bảng
- - Thay đổi khoảng cách giữa các cột
Câu 3: Để xóa bỏ hoàn toàn đường viền của một bảng, ta dùng cú pháp nào?
- - table { border: none; }
- - table { border: hidden; }
- - table { border: 0; }
- - Cả ba phương án trên đều đúng
Câu 4: Khi muốn tạo một bảng cuộn ngang trên thiết bị di động, phần tử chứa bảng cần có thuộc tính nào?
- - overflow-x: scroll
- - overflow-y: hidden
- - display: inline
- - position: fixed
Câu 5: Khi muốn tạo hiệu ứng đổi màu nền cho hàng của bảng khi di chuột qua, ta sử dụng selector nào?
- - tr:hover
- - table:hover
- - td:active
- - tr:focus
Câu 6: Khi sử dụng thẻ 'caption', nó thường xuất hiện ở đâu theo mặc định?
- - Phía trên bảng
- - Phía dưới bảng
- - Bên trong ô đầu tiên
- - Bên phải bảng
Câu 7: Khi định kiểu cho 'table', giá trị '100%' của thuộc tính 'width' có ý nghĩa gì?
- - Bảng luôn có chiều rộng cố định 100 pixel
- - Bảng tự động co giãn theo chiều rộng của phần tử chứa nó
- - Bảng luôn hiển thị với kích thước tối đa của màn hình
- - Bảng không hiển thị nội dung
Câu 8: Giá trị nào của 'text-align' được dùng để căn giữa nội dung văn bản trong các ô của bảng?
- - middle
- - center
- - justify
- - baseline
Câu 9: Nếu muốn bảng có màu nền là xanh dương và chữ màu trắng, CSS nào sau đây là đúng?
- - table { background-color: blue; color: white; }
- - table { bg: blue; text: white; }
- - table { color: blue; background: white; }
- - table { background: blue; text-color: white; }
Câu 10: Để gán màu nền cho hàng tiêu đề của bảng, phương pháp nào chuẩn nhất?
- - Sử dụng 'background-color' cho thẻ 'thead'
- - Sử dụng 'background-color' cho thẻ 'td'
- - Sử dụng 'color' cho thẻ 'table'
- - Sử dụng 'background-image' cho thẻ 'tr'
Câu 11: Để ép buộc các ô trong bảng có cùng kích thước, thuộc tính 'table-layout' nên được đặt là gì?
- - fixed
- - auto
- - inherit
- - initial
Câu 12: Để tô màu xen kẽ cho các hàng trong bảng, kỹ thuật nào trong CSS là hiệu quả nhất?
- - Sử dụng lớp (class) riêng cho từng dòng
- - Sử dụng selector :nth-child(even)
- - Sử dụng JavaScript để thay đổi style
- - Sử dụng thẻ 'span' bao quanh nội dung
Câu 13: Để tiêu đề bảng (thẻ 'th') có màu chữ khác biệt, ta sử dụng selector nào?
- - table th
- - table td
- - table tr
- - table caption
Câu 14: Đâu là giá trị của thuộc tính 'empty-cells' để ẩn hoàn toàn các ô trống trong bảng?
- - hide
- - show
- - none
- - collapse
Câu 15: Trong CSS, để tạo khoảng đệm bên trong các ô của bảng, ta nên áp dụng thuộc tính 'padding' cho phần tử nào?
- - thẻ table
- - thẻ tr
- - thẻ th và td
- - thẻ thead
Câu 16: Giá trị nào của 'display' có thể biến một thẻ 'div' thành hành vi của một bảng?
- - display: flex
- - display: grid
- - display: table
- - display: block
Câu 17: Để bảng có đường viền bo tròn góc, thuộc tính nào được áp dụng?
- - border-radius
- - border-style
- - corner-radius
- - outline-radius
Câu 18: Để định dạng chữ in đậm cho các ô tiêu đề, thuộc tính nào là phù hợp?
- - font-weight: bold
- - text-style: bold
- - font-style: bold
- - bold: true
Câu 19: Làm thế nào để tạo đường viền cho từng ô 'td' một cách riêng biệt?
- - td { border: 1px solid black; }
- - table { border: 1px solid black; }
- - tr { border: 1px solid black; }
- - thead { border: 1px solid black; }
Câu 20: Làm thế nào để ẩn đường viền bên ngoài cùng của bảng mà vẫn giữ lại viền cho các ô bên trong?
- - Đặt border: 0 cho thẻ 'table'
- - Đặt border: none cho thẻ 'td'
- - Không sử dụng thẻ 'table'
- - Đặt display: none cho bảng
Câu 21: Thuộc tính nào giúp kiểm soát độ rộng tối thiểu của bảng?
- - min-width
- - max-width
- - min-height
- - width-minimum
Câu 22: Lợi ích chính của việc tách biệt CSS định kiểu bảng so với cấu trúc HTML là gì?
- - Tăng tốc độ tải trang
- - Dễ dàng thay đổi giao diện đồng bộ mà không sửa cấu trúc
- - Giúp tìm kiếm Google tốt hơn
- - Giảm dung lượng file
Câu 23: Để các hàng trong bảng tự động thay đổi màu nền khi người dùng di chuột, ta cần chú ý gì?
- - Sử dụng thuộc tính :hover trên thẻ 'tr'
- - Sử dụng thuộc tính :hover trên thẻ 'td'
- - Sử dụng thuộc tính :hover trên thẻ 'th'
- - Cả ba phương án trên đều đúng
Câu 24: Để căn chỉnh nội dung theo chiều dọc bên trong các ô của bảng (ví dụ: căn giữa), thuộc tính nào được sử dụng?
- - text-align
- - vertical-align
- - align-items
- - justify-content
Câu 25: Thuộc tính nào dùng để điều chỉnh khoảng cách giữa các ô trong bảng khi thuộc tính 'border-collapse' được thiết lập là 'separate'?
- - padding
- - margin
- - border-spacing
- - cell-spacing