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