Trắc nghiệm Khoa học máy tính 12 Chân trời bài F10: Định kiểu CSS cho siêu liên kết và danh sách giúp bạn ôn tập kiến thức một cách có hệ thống thông qua dạng bài tập quen thuộc thường gặp trong đề thi. Các câu hỏi được thiết kế khoa học giúp bạn tiếp cận kiến thức từng bước. Đặc biệt phù hợp với học sinh muốn cải thiện điểm số. Thông qua quá trình làm bài, bạn có thể nhận ra lỗ hổng kiến thức. Điều này giúp việc học trở nên có mục tiêu rõ ràng hơn.
Trắc nghiệm Khoa học máy tính 12 Chân trời bài F10: Định kiểu CSS cho siêu liên kết và danh sách
⏱ 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: Cú pháp rút gọn (shorthand) nào sau đây là đúng để thiết lập đồng thời kiểu, vị trí và hình ảnh cho danh sách?
- - list-style: square inside url('bullet.gif')
- - list: square inside url('bullet.gif')
- - list-property: square inside url('bullet.gif')
- - list-type: square inside url('bullet.gif')
Câu 2: Để tạo hiệu ứng một siêu liên kết trông giống như một nút (button) khi di chuyển chuột qua, ta thường kết hợp 'color' với thuộc tính nào?
- - background-color
- - font-weight
- - text-align
- - list-style
Câu 3: Để thiết lập danh sách sử dụng các chữ cái Hy Lạp viết thường (alpha, beta...), ta dùng giá trị nào?
- - greek
- - lower-greek
- - alpha-greek
- - italic-greek
Câu 4: Nếu bạn muốn loại bỏ hoàn toàn các ký hiệu đầu mục (cả dấu chấm và số) của một danh sách, bạn phải dùng lệnh CSS nào?
- - list-style-type: hidden
- - list-style-type: none
- - list-style: invisible
- - marker: none
Câu 5: Khi sử dụng 'list-style-image', nếu hình ảnh không thể tải được, trình duyệt sẽ làm gì?
- - Để trống đầu mục không hiển thị gì cả
- - Hiển thị giá trị được thiết lập trong 'list-style-type'
- - Hiển thị một biểu tượng lỗi hình ảnh
- - Dừng hiển thị toàn bộ danh sách đó
Câu 6: Khi định kiểu cho thanh điều hướng (navigation bar), việc thiết lập 'display: inline' cho các thẻ 'li' có mục đích gì?
- - Làm cho danh sách hiển thị theo chiều ngang thay vì chiều dọc
- - Làm mất đi các dấu chấm đầu mục danh sách
- - Tăng kích thước của các chữ cái trong danh sách
- - Gộp tất cả các mục danh sách thành một dòng duy nhất và không thể tách rời
Câu 7: Lớp giả ':active' trong CSS đại diện cho trạng thái nào của siêu liên kết?
- - Liên kết đã được nhấp chuột trước đó
- - Liên kết đang được người dùng nhấn giữ chuột
- - Liên kết ở trạng thái bình thường, chưa thăm
- - Liên kết khi người dùng di chuyển chuột lên trên
Câu 8: Tại sao thuộc tính 'list-style-position: outside' thường được sử dụng mặc định?
- - Vì nó giúp ký hiệu đầu mục thẳng hàng với văn bản bên dưới
- - Vì nó giúp các dòng văn bản của cùng một mục danh sách thẳng lề trái với nhau
- - Vì nó tiết kiệm diện tích màn hình hơn
- - Vì nó làm cho ký hiệu đầu mục to hơn
Câu 9: Phát biểu nào sau đây là SAI khi nói về định kiểu danh sách bằng CSS?
- - Có thể sử dụng bất kỳ hình ảnh nào làm ký hiệu đầu mục thông qua 'list-style-image'
- - Thuộc tính 'list-style-type' chỉ áp dụng được cho thẻ 'ol'
- - Giá trị 'none' giúp ẩn ký hiệu đầu mục để tạo thanh điều hướng
- - Shorthand 'list-style' giúp mã nguồn CSS gọn gàng hơn
Câu 10: Trong danh sách không thứ tự (ul), giá trị mặc định của thuộc tính 'list-style-type' là gì?
- - circle
- - disc
- - square
- - decimal
Câu 11: Lớp giả ':visited' được dùng để định kiểu cho những siêu liên kết nào?
- - Các liên kết đang được nhấn chuột
- - Các liên kết mà người dùng đã từng truy cập
- - Các liên kết chưa bao giờ được truy cập
- - Các liên kết bị hỏng
Câu 12: Lớp giả ':link' trong CSS nhắm đến các đối tượng nào?
- - Tất cả các thẻ 'a' có thuộc tính 'href' và chưa được truy cập
- - Tất cả các thẻ văn bản có chứa liên kết
- - Các liên kết đang được người dùng nhấn vào
- - Các liên kết đã có trong bộ nhớ đệm của trình duyệt
Câu 13: Để thay đổi màu chữ của một siêu liên kết khi di chuyển chuột qua, ta viết quy tắc CSS như thế nào?
- - a:hover { color: red; }
- - a hover { text-color: red; }
- - a:onhover { color: red; }
- - a.hover { color: red; }
Câu 14: Thuộc tính 'list-style-position' với giá trị 'inside' có tác dụng gì đối với ký hiệu đầu mục?
- - Ký hiệu đầu mục nằm bên ngoài khối nội dung của mục danh sách
- - Ký hiệu đầu mục nằm bên trong khối nội dung của mục danh sách
- - Ký hiệu đầu mục sẽ bị ẩn đi hoàn toàn
- - Ký hiệu đầu mục sẽ nằm chính giữa mục danh sách
Câu 15: Thuộc tính 'list-style-image' được sử dụng để làm gì trong định kiểu danh sách?
- - Chèn một hình ảnh vào bên trong nội dung mỗi mục danh sách
- - Sử dụng một hình ảnh làm ký hiệu đầu mục thay cho các ký hiệu mặc định
- - Làm hình nền cho toàn bộ danh sách
- - Căn chỉnh vị trí của hình ảnh trong danh sách
Câu 16: Để loại bỏ đường gạch chân mặc định của một siêu liên kết (thẻ a), bạn cần sử dụng thuộc tính và giá trị nào sau đây?
- - text-style: none
- - text-decoration: none
- - text-decoration: underline
- - font-style: none
Câu 17: Trong CSS, thuộc tính nào được dùng để kiểm tra và thay đổi khoảng cách giữa ký hiệu đầu mục và nội dung văn bản?
- - list-padding
- - padding-left của thẻ li
- - text-indent của thẻ li
- - margin-left của thẻ ul
Câu 18: Để thay đổi ký hiệu đầu danh sách thành hình vuông trong thẻ 'ul', ta sử dụng giá trị nào cho thuộc tính 'list-style-type'?
- - circle
- - disc
- - square
- - none
Câu 19: Giá trị 'upper-roman' của thuộc tính 'list-style-type' sẽ hiển thị danh sách dưới dạng nào?
- - Số La Mã viết hoa (I, II, III...)
- - Chữ cái tiếng Anh viết hoa (A, B, C...)
- - Số La Mã viết thường (i, ii, iii...)
- - Số thập phân (1, 2, 3...)
Câu 20: Trong danh sách có thứ tự (ol), giá trị nào của thuộc tính 'list-style-type' dùng để hiển thị các số 01, 02, 03...?
- - decimal
- - decimal-leading-zero
- - numeric-zero
- - double-decimal
Câu 21: Trong CSS, lớp giả (pseudo-class) nào được sử dụng để định kiểu cho siêu liên kết khi người dùng di chuyển con trỏ chuột lên trên nó?
- - :hover
- - :link
- - :visited
- - :active
Câu 22: Giá trị 'lower-alpha' của thuộc tính 'list-style-type' sẽ hiển thị danh sách như thế nào?
- - Các chữ cái tiếng Anh viết thường (a, b, c...)
- - Các số thập phân (1, 2, 3...)
- - Các ký tự đặc biệt như sao, chấm
- - Các chữ cái Hy Lạp viết thường
Câu 23: Muốn định kiểu riêng cho các mục lẻ trong một danh sách, ta có thể sử dụng lớp giả nào?
- - li:odd
- - li:nth-child(odd)
- - li:only-child
- - li:first-child
Câu 24: Thuộc tính nào được sử dụng để thay đổi ký hiệu đầu mục (bullet) cho các phần tử trong danh sách?
- - list-type
- - list-style-type
- - marker-style
- - bullet-type
Câu 25: Thứ tự đúng khi khai báo các trạng thái của siêu liên kết trong CSS để đảm bảo tất cả các quy tắc đều hoạt động bình thường là gì?
- - :link, :visited, :hover, :active
- - :hover, :active, :link, :visited
- - :visited, :link, :active, :hover
- - :active, :hover, :visited, :link