Trắc nghiệm Tin học ứng dụng 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 Tin học ứng dụng 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 đánh giá chính xác mức độ hiểu bài thông qua các câu hỏi được chọn lọc kỹ lưỡng. Các câu hỏi được sắp xếp từ dễ đến khó giúp bạn học mà không cảm thấy áp lực. Đặ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ể biết được nội dung nào cần ôn lại. Điều này giúp việc học trở nên chủ động hơn.

Trắc nghiệm Tin học ứng dụng 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: Khi người dùng di chuyển con trỏ chuột qua một liên kết, trạng thái nào của CSS sẽ được áp dụng?

  • - a:active
  • - a:hover
  • - a:visited
  • - a:link

Câu 2: Trạng thái nào của liên kết xảy ra đúng thời điểm người dùng nhấn và giữ nút chuột?

  • - a:hover
  • - a:focus
  • - a:active
  • - a:visited

Câu 3: Thứ tự khai báo đúng cho các trạng thái của siêu liên kết để đảm bảo tính ổn định là gì?

  • - link, visited, hover, active
  • - active, hover, visited, link
  • - hover, link, visited, active
  • - link, hover, visited, active

Câu 4: Để làm cho một danh sách (thẻ ul) nằm ngang trên một hàng, thuộc tính nào thường được dùng?

  • - display: inline
  • - list-style-position: inside
  • - float: left
  • - list-style: horizontal

Câu 5: Selector nào sau đây là đúng để định dạng cho thẻ liên kết?

  • - .link
  • - #link
  • - a
  • - link

Câu 6: Thuộc tính list-style-image có tác dụng gì đối với danh sách?

  • - Thay đổi nền của toàn bộ danh sách
  • - Thay đổi màu sắc của chữ trong danh sách
  • - Sử dụng một hình ảnh để làm dấu đầu dòng cho danh sách
  • - Chèn ảnh vào giữa các mục của danh sách

Câu 7: Để định vị dấu đầu dòng nằm bên trong khối nội dung của mục danh sách, ta sử dụng thuộc tính nào?

  • - list-style-position: inside
  • - list-style-position: relative
  • - text-align: center
  • - padding-left: 0

Câu 8: Tại sao cần sử dụng thuộc tính 'text-decoration: underline' cho trạng thái 'hover' của liên kết?

  • - Để buộc liên kết luôn hiển thị gạch chân
  • - Để tạo hiệu ứng gạch chân xuất hiện khi di chuột qua
  • - Để đổi màu sắc của liên kết
  • - Để thay đổi font chữ khi di chuột

Câu 9: Trạng thái 'a:visited' của siêu liên kết dùng để làm gì?

  • - Định kiểu cho liên kết khi con trỏ chuột vừa nhấn vào
  • - Định kiểu cho liên kết đã được người dùng nhấn vào trước đó
  • - Định kiểu cho liên kết đang ở trạng thái mặc định
  • - Định kiểu cho liên kết bị vô hiệu hóa

Câu 10: Khi muốn tạo khoảng cách giữa các mục trong danh sách, thuộc tính nào là tối ưu?

  • - margin cho thẻ li
  • - padding cho thẻ ul
  • - border cho thẻ li
  • - font-size cho thẻ li

Câu 11: Tại sao người ta thường dùng 'text-decoration: none' cho thẻ 'a' mặc định?

  • - Để tăng cường bảo mật
  • - Để thiết kế giao diện tùy chỉnh không phụ thuộc kiểu mặc định của trình duyệt
  • - Để làm cho liên kết ẩn đi
  • - Để tránh việc người dùng nhầm lẫn

Câu 12: Làm thế nào để tạo dấu đầu dòng hình tròn đặc bằng CSS?

  • - list-style-type: circle
  • - list-style-type: disc
  • - list-style-type: square
  • - list-style-type: bullet

Câu 13: Giá trị 'lower-alpha' của list-style-type tạo ra ký tự nào?

  • - Chữ cái hoa (A, B, C)
  • - Chữ cái thường (a, b, c)
  • - Số La Mã
  • - Số thập phân

Câu 14: Thuộc tính nào dùng để căn chỉnh danh sách theo chiều ngang bằng cách sử dụng flexbox?

  • - display: flex
  • - list-style: flex
  • - layout: horizontal
  • - align: horizontal

Câu 15: Trong CSS, selector 'a:hover' có tác dụng gì nếu được khai báo trước 'a:link'?

  • - Đúng tiêu chuẩn kỹ thuật
  • - Bị ghi đè bởi a:link nếu không có độ ưu tiên cao hơn
  • - Không ảnh hưởng đến kết quả
  • - Làm cho trang web chạy nhanh hơn

Câu 16: Thuộc tính nào dùng để thay đổi kiểu đánh dấu (hình vuông, hình tròn, số) của danh sách?

  • - list-type
  • - list-style-type
  • - list-item-style
  • - bullet-type

Câu 17: Để thay đổi màu chữ của siêu liên kết khi người dùng chưa nhấn vào, ta sử dụng selector nào trong CSS?

  • - a:hover
  • - a:active
  • - a:visited
  • - a:link

Câu 18: Giá trị 'square' của thuộc tính 'list-style-type' sẽ hiển thị danh sách với kiểu nào?

  • - Hình tròn rỗng
  • - Hình vuông
  • - Hình đĩa tròn đặc
  • - Hình kim cương

Câu 19: Trạng thái nào sau đây không thuộc về danh sách siêu liên kết thường dùng?

  • - a:hover
  • - a:visited
  • - a:link
  • - a:background

Câu 20: Để thay đổi màu nền của một mục danh sách khi di chuột qua, ta dùng selector nào?

  • - ul:hover
  • - li:hover
  • - li:active
  • - ol:hover

Câu 21: Để xóa bỏ khoảng trống mặc định của danh sách (thẻ ul/ol), ta thường dùng thuộc tính nào?

  • - padding: 0 hoặc margin: 0
  • - list-style: none
  • - border: none
  • - display: block

Câu 22: Giá trị 'decimal' cho list-style-type áp dụng cho loại danh sách nào?

  • - Danh sách có thứ tự (ol)
  • - Danh sách không thứ tự (ul)
  • - Danh sách mô tả (dl)
  • - Danh sách hình ảnh

Câu 23: Thuộc tính viết tắt nào sau đây là hợp lệ để định nghĩa danh sách?

  • - list-style: square outside
  • - list-style: circle
  • - list-style: disc none
  • - list-style: underline

Câu 24: Thuộc tính CSS nào được sử dụng để loại bỏ gạch chân của siêu liên kết?

  • - text-decoration: none
  • - text-style: none
  • - border: none
  • - underline: none

Câu 25: Để loại bỏ hoàn toàn các dấu đầu dòng của danh sách không thứ tự, ta đặt list-style-type thành giá trị nào?

  • - none
  • - hidden
  • - zero
  • - null