Trắc nghiệm Khoa học máy tính 12 Chân trời bài F11: Định kiểu CSS cho bảng và phần tử giúp bạn ôn tập kiến thức một cách có hệ thống thông qua hệ thống câu hỏi đa dạng. Các câu hỏi được thiết kế khoa học giúp bạn tự tin hoàn thành bài quiz. Đặc biệt phù hợp với người chuẩn bị cho các kỳ kiểm tra quan trọng. 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 tiết kiệm thời gian hơn.
Trắc nghiệm Khoa học máy tính 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: Mã CSS 'tr:nth-child(odd)' sẽ áp dụng định kiểu cho những hàng nào của bảng?
- - Các hàng ở vị trí lẻ (1, 3, 5...)
- - Các hàng ở vị trí chẵn (2, 4, 6...)
- - Chỉ hàng đầu tiên của bảng
- - Tất cả các hàng trừ hàng tiêu đề
Câu 2: Thuộc tính nào dùng để quy định độ rộng của đường viền bảng?
- - border-width
- - border-size
- - border-thickness
- - border-weight
Câu 3: Trong CSS cho bảng, giá trị nào của vertical-align giúp nội dung ô nằm sát mép trên?
- - top
- - start
- - baseline
- - above
Câu 4: Để chỉ thiết lập đường viền ở phía dưới cho mỗi hàng trong bảng, ta nên áp dụng thuộc tính border-bottom cho phần tử nào?
- - Thẻ table
- - Thẻ td hoặc th
- - Thẻ caption
- - Thẻ tbody
Câu 5: Để ẩn các ô không có nội dung trong một bảng có thuộc tính border-collapse là separate, ta dùng thuộc tính nào?
- - visibility: hidden
- - display: none
- - empty-cells: hide
- - border: none
Câu 6: Trong CSS, thuộc tính nào được sử dụng để gộp các đường viền của bảng và các ô thành một đường duy nhất?
- - border-spacing: 0
- - border-collapse: collapse
- - border-style: solid
- - border-width: single
Câu 7: Để tạo khoảng cách giữa nội dung của ô và đường viền bao quanh ô đó trong bảng, bạn nên sử dụng thuộc tính nào?
- - margin
- - border-spacing
- - padding
- - spacing
Câu 8: Khi muốn bảng chiếm toàn bộ chiều ngang của phần tử cha, giá trị nào của thuộc tính width là phù hợp nhất?
- - auto
- - 100%
- - inherit
- - max-content
Câu 9: Để căn giữa một bảng theo chiều ngang trong phần tử chứa nó, ta thường dùng kỹ thuật nào?
- - text-align: center áp dụng cho bảng
- - float: center áp dụng cho bảng
- - margin-left: auto; margin-right: auto áp dụng cho bảng
- - vertical-align: middle áp dụng cho bảng
Câu 10: Thuộc tính border-spacing chỉ có tác dụng khi thuộc tính border-collapse đang ở giá trị nào?
- - collapse
- - separate
- - none
- - hidden
Câu 11: Lệnh CSS nào dưới đây dùng để thiết lập đường viền cho tất cả các ô trong bảng là đường kẻ liền, màu đen, độ dày 1px?
- - table { border: 1px solid black }
- - tr { border: 1px solid black }
- - td, th { border: 1px solid black }
- - table td { border-width: 1px }
Câu 12: Trong CSS, bộ chọn nào sau đây sẽ chỉ định kiểu cho các ô tiêu đề của bảng?
- - thẻ td
- - thẻ tr
- - thẻ th
- - thẻ head
Câu 13: Tại sao thuộc tính margin thường không có tác dụng khi áp dụng trực tiếp lên các ô (td hoặc th) của bảng?
- - Vì trình duyệt mặc định cấm dùng margin cho bảng
- - Vì các ô bảng không tuân theo mô hình hộp thông thường và khoảng cách được quản lý bởi border-spacing
- - Vì margin chỉ hoạt động trên các phần tử khối (block elements)
- - Vì thuộc tính padding đã thay thế hoàn toàn vai trò của margin
Câu 14: Để thiết lập chiều cao cố định cho hàng tiêu đề của bảng, ta áp dụng thuộc tính height cho thẻ nào?
- - th
- - table
- - caption
- - tfoot
Câu 15: Nếu muốn thay đổi màu chữ cho toàn bộ các ô trong bảng, bộ chọn nào sau đây là tối ưu nhất?
- - table
- - tr
- - th
- - td
Câu 16: Thuộc tính table-layout: fixed có ý nghĩa gì đối với việc hiển thị bảng?
- - Làm cho bảng không thể thay đổi kích thước
- - Cố định chiều rộng các cột dựa trên hàng đầu tiên hoặc độ rộng được thiết lập
- - Tự động điều chỉnh độ rộng cột theo nội dung dài nhất
- - Ngăn chặn việc cuộn ngang bảng trên thiết bị di động
Câu 17: Để đặt vị trí của tiêu đề bảng (thẻ caption) nằm ở phía dưới bảng, ta sử dụng thuộc tính nào?
- - caption-position: bottom
- - text-align: bottom
- - caption-side: bottom
- - vertical-align: bottom
Câu 18: Để thay đổi màu nền của một hàng khi người dùng di chuyển chuột qua hàng đó, bạn nên sử dụng mã CSS nào?
- - tr:active { background-color: #ddd }
- - tr:focus { background-color: #ddd }
- - tr:hover { background-color: #ddd }
- - tr:visited { background-color: #ddd }
Câu 19: Mặc định, nội dung trong các ô tiêu đề (thẻ th) thường được trình duyệt căn lề như thế nào?
- - Căn lề trái
- - Căn lề phải
- - Căn giữa
- - Căn đều hai bên
Câu 20: Khi sử dụng 'border-collapse: collapse', nếu hai ô kề nhau có độ dày đường viền khác nhau, trình duyệt sẽ ưu tiên hiển thị đường viền nào?
- - Đường viền mỏng hơn
- - Đường viền dày hơn
- - Trung bình cộng của hai đường viền
- - Sẽ không hiển thị đường viền nào
Câu 21: Thuộc tính nào dùng để xác định kiểu đường viền (như nét đứt, nét liền, nét chấm) cho bảng?
- - border-type
- - border-variant
- - border-style
- - border-format
Câu 22: Thuộc tính nào dùng để căn chỉnh nội dung theo chiều dọc (trên, giữa, dưới) bên trong các ô của bảng?
- - text-align
- - vertical-align
- - align-items
- - justify-content
Câu 23: Để tạo hiệu ứng bảng kẻ sọc (zebra stripes) bằng cách tô màu nền cho các hàng chẵn, ta sử dụng bộ chọn (selector) nào?
- - tr:nth-child(even)
- - tr:nth-child(odd)
- - tr:even-child
- - tr:style(even)
Câu 24: Giá trị mặc định của thuộc tính border-collapse trong CSS là gì?
- - separate
- - collapse
- - inherit
- - initial
Câu 25: Bộ chọn 'table th, table td' có ý nghĩa gì?
- - Chỉ chọn các ô td nằm trong thẻ th
- - Chọn tất cả các thẻ th và td nằm bên trong thẻ table
- - Chỉ chọn các thẻ th và td của bảng đầu tiên trong trang
- - Chỉ chọn các ô tiêu đề nằm ở hàng cuối cùng