Trắc nghiệm Khoa học máy tính 12 Kết nối bài 17: Các mức ưu tiên của bộ chọn

Trắc nghiệm Khoa học máy tính 12 Kết nối bài 17: Các mức ưu tiên của bộ chọn giúp bạn theo dõi sự tiến bộ của bản thân thông qua các nội dung xoay quanh chủ đề trọng tâm.

Trắc nghiệm Khoa học máy tính 12 Kết nối bài 17: Các mức ưu tiên của bộ chọn

⏱ 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: Pseudo-class (ví dụ: :hover) có độ cụ thể tương đương với thành phần nào

  • - Bộ chọn lớp
  • - Bộ chọn thẻ
  • - Bộ chọn ID
  • - Bộ chọn inline

Câu 2: Trong CSS, khi nhiều quy tắc trùng lặp áp dụng cho cùng một phần tử, yếu tố nào quyết định quy tắc nào được ưu tiên thực thi?

  • - Độ ưu tiên của bộ chọn (Selector Specificity)
  • - Vị trí đặt thẻ CSS trong file HTML
  • - Số lượng thuộc tính trong mỗi quy tắc
  • - Tên của lớp (class) được đặt trong CSS

Câu 3: Ký tự nào được sử dụng để bắt đầu một bộ chọn lớp (class selector) trong CSS?

  • - Dấu chấm
  • - Dấu thăng
  • - Dấu ngoặc nhọn
  • - Dấu gạch chéo

Câu 4: Giá trị của bộ chọn lớp (class selector) trong việc tính toán độ đặc hiệu tương đương với giá trị nào?

  • - 0, 1, 0
  • - 0, 0, 1
  • - 1, 0, 0
  • - 0, 1, 1

Câu 5: Tại sao việc lạm dụng '!important' bị coi là thực hành không tốt?

  • - Vì nó làm phá vỡ cơ chế Cascade tự nhiên của CSS
  • - Vì nó làm chậm tốc độ tải trang
  • - Vì trình duyệt không hỗ trợ !important
  • - Vì nó chiếm dung lượng bộ nhớ lớn

Câu 6: Khi tính độ đặc hiệu, sự kết hợp giữa 1 ID và 1 Class có giá trị là bao nhiêu?

  • - 1, 1, 0
  • - 0, 1, 1
  • - 1, 0, 1
  • - 2, 0, 0

Câu 7: Trong CSS, thuộc tính 'style' của phần tử HTML (nội tuyến) có độ ưu tiên như thế nào so với bộ chọn ID trong file CSS?

  • - Nội tuyến ưu tiên cao hơn
  • - ID ưu tiên cao hơn
  • - Bằng nhau
  • - Không thể so sánh

Câu 8: Nếu một phần tử có cả ID và Class cùng quy định màu sắc, màu nào sẽ được hiển thị?

  • - Màu của ID
  • - Màu của Class
  • - Màu mặc định của trình duyệt
  • - Cả hai màu trộn lẫn

Câu 9: Bộ chọn nào sau đây có độ ưu tiên cao nhất trong số các lựa chọn?

  • - #header .nav
  • - .header .nav
  • - div .nav
  • - div

Câu 10: Nếu một quy tắc CSS được viết trực tiếp trong thuộc tính style của một phần tử HTML, quy tắc đó sẽ có ưu tiên như thế nào

  • - Thấp hơn bộ chọn ID
  • - Thấp hơn bộ chọn lớp
  • - Cao hơn mọi quy tắc trong tệp CSS bên ngoài
  • - Bằng với bộ chọn thẻ

Câu 11: Bộ chọn lớp giả (pseudo-class) như ':hover' có độ đặc hiệu tương đương với bộ chọn nào?

  • - Bộ chọn thẻ
  • - Bộ chọn ID
  • - Bộ chọn lớp
  • - Bộ chọn toàn cục

Câu 12: Nếu một thuộc tính không được định nghĩa trong CSS, giá trị của nó được quyết định bởi đâu?

  • - Giá trị kế thừa từ phần tử cha
  • - Giá trị mặc định của trình duyệt
  • - Giá trị của thẻ body
  • - Giá trị từ tệp HTML

Câu 13: Điều gì xảy ra nếu bạn có quy tắc với ID và quy tắc với !important trên Class?

  • - Quy tắc có !important sẽ thắng
  • - Quy tắc ID sẽ thắng
  • - Cả hai cùng tồn tại
  • - Không quy tắc nào được áp dụng

Câu 14: Trong hệ thống độ ưu tiên, bộ chọn nào có giá trị 1, 0, 0?

  • - Bộ chọn thẻ
  • - Bộ chọn ID
  • - Bộ chọn lớp
  • - Bộ chọn thuộc tính

Câu 15: Khi sử dụng từ khóa quan trọng (important) trong CSS, hệ quả đối với độ đặc hiệu là gì?

  • - Nó ghi đè lên mọi độ đặc hiệu thông thường
  • - Nó làm giảm độ đặc hiệu của bộ chọn đó
  • - Nó chỉ áp dụng cho bộ chọn thẻ
  • - Nó làm cho độ đặc hiệu trở nên không xác định

Câu 16: Trong CSS, khi nhiều quy tắc cùng tác động lên một phần tử, trình duyệt ưu tiên quy tắc có mức ưu tiên cao nhất, yếu tố nào sau đây quyết định mức độ ưu tiên đó

  • - Độ cụ thể (specificity) và thứ tự khai báo trong mã nguồn
  • - Độ dài của tên tệp tin CSS
  • - Số lượng thuộc tính trong mỗi quy tắc
  • - Màu sắc của chữ trong bộ chọn

Câu 17: Khi so sánh hai quy tắc, quy tắc nào có độ cụ thể (0, 1, 0) và (0, 0, 1), quy tắc nào thắng

  • - Quy tắc (0, 1, 0)
  • - Quy tắc (0, 0, 1)
  • - Cả hai đều bằng nhau
  • - Không thể so sánh

Câu 18: Trong CSS, tại sao bộ chọn 'p#my-id' có độ đặc hiệu cao hơn bộ chọn '#my-id'?

  • - Vì nó là sự kết hợp của ID và thẻ
  • - Vì nó dài hơn
  • - Vì nó là bộ chọn ID thuần
  • - Thực tế là không cao hơn

Câu 19: Tại sao việc sử dụng quá nhiều 'important' trong CSS được coi là cách làm tồi?

  • - Vì nó làm tệp CSS nặng hơn
  • - Vì nó làm mất đi tính kế thừa của CSS
  • - Vì nó phá vỡ cơ chế Cascade tự nhiên và gây khó khăn khi bảo trì
  • - Vì nó bị trình duyệt chặn

Câu 20: Độ đặc hiệu của bộ chọn ID được tính như thế nào so với bộ chọn Class?

  • - Thấp hơn
  • - Bằng nhau
  • - Cao hơn
  • - Không thể so sánh

Câu 21: Thành phần nào sau đây làm tăng độ cụ thể của bộ chọn

  • - Thêm một ID vào bộ chọn
  • - Thêm chú thích vào tệp CSS
  • - Sử dụng font chữ khác nhau
  • - Viết bộ chọn trên nhiều dòng

Câu 22: Điều gì xảy ra nếu bạn không sử dụng bộ chọn nào cả mà chỉ ghi tên thuộc tính vào thẻ?

  • - Sử dụng phong cách nội tuyến
  • - Không hiển thị kiểu dáng
  • - Trình duyệt báo lỗi
  • - Chỉ áp dụng cho thẻ đó

Câu 23: Trong CSS, khi nhiều quy tắc trùng lặp áp dụng cho cùng một phần tử, yếu tố nào quyết định quy tắc nào được ưu tiên?

  • - Độ đặc hiệu của bộ chọn và thứ tự xuất hiện
  • - Chỉ dựa vào tên của thẻ HTML
  • - Luôn ưu tiên quy tắc viết cuối cùng trong tệp
  • - Kích thước của tệp tin chứa quy tắc đó

Câu 24: Trong CSS, đâu là cách ưu tiên nhất để áp dụng kiểu cho một phần tử đơn lẻ?

  • - External CSS file
  • - Internal block
  • - Inline style attribute
  • - Browser default styles

Câu 25: Bộ chọn 'div.container' có độ đặc hiệu là bao nhiêu?

  • - 0, 0, 1, 1
  • - 0, 1, 0, 1
  • - 0, 0, 0, 2
  • - 1, 0, 0, 0