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: Đâ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 2: 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
Câu 3: 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 4: Để 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 5: Để 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 6: 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 7: Để 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 8: 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 9: Để đị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 10: Để 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 11: 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 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: 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 14: Để é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 15: 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 16: 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 17: 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 18: 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 19: 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 20: 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 21: Để 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 22: Để 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 23: Để 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 24: 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 25: 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