Trắc nghiệm Tin học ứng dụng 12 Cánh diều bài 10: Bộ chọn lớp, bộ chọn định danh

Bạn đã sẵn sàng chưa? 45 phút làm bài bắt đầu!!!

Bạn đã hết giờ làm bài! Xem kết quả các câu hỏi đã làm nhé!!!

Trắc nghiệm Tin học ứng dụng 12 Cánh diều bài 10: Bộ chọn lớp, bộ chọn định danh

1. Bộ chọn nào sau đây có độ ưu tiên thấp nhất trong các lựa chọn sau?

A. Bộ chọn lớp (`.my-class`)

B. Bộ chọn phần tử (`p`)

C. Bộ chọn định danh (`#my-id`)

D. Thuộc tính `style` nội tuyến (`style="..."`)

2. Khi sử dụng bộ chọn `*` (universal selector) kết hợp với bộ chọn lớp `.active`, kết quả sẽ là gì?

A. Định kiểu cho tất cả các phần tử trên trang.

B. Định kiểu cho tất cả các phần tử có lớp "active".

C. Định kiểu cho tất cả các phần tử có ID "active".

D. Không có phần tử nào được định kiểu.

3. Việc sử dụng nhiều bộ chọn lớp trên một phần tử HTML có thể dẫn đến điều gì?

A. Làm giảm độ ưu tiên của các quy tắc CSS.

B. Tăng khả năng tái sử dụng và tạo ra các kiểu dáng phức tạp hơn.

C. Gây ra lỗi cú pháp CSS nghiêm trọng.

D. Chỉ lớp đầu tiên được khai báo mới có hiệu lực.

4. Trong CSS, việc thêm một lớp mới cho một phần tử HTML có thể được thực hiện bằng cách nào?

A. Chỉnh sửa trực tiếp thuộc tính `id` của phần tử.

B. Thêm tên lớp vào thuộc tính `class` của phần tử, cách nhau bởi dấu cách.

C. Thay đổi thẻ HTML của phần tử.

D. Sử dụng thuộc tính `style` với giá trị là tên lớp.

5. Bộ chọn nào sau đây sẽ định kiểu cho tất cả các phần tử "p" có thuộc tính "class" là "highlight"?

A. p.highlight

B. #p.highlight

C. .p.highlight

D. p #highlight

6. Bộ chọn nào sau đây sẽ định kiểu cho các phần tử `

` có ID là "main" và lớp là "content-area"?

A. div.content-area

B. #main.content-area

C. div#main.content-area

D. #main div.content-area

7. Xét đoạn mã HTML: `

`. Bộ chọn CSS nào sẽ áp dụng kiểu cho "div" này nếu muốn chỉ định các phần tử có cả hai lớp "box" và "warning"?

A. .box .warning

B. .box, .warning

C. .box.warning

D. #box#warning

8. Bộ chọn lớp có thể được sử dụng để tạo ra các biến thể kiểu dáng cho cùng một loại phần tử như thế nào?

A. Bằng cách gán một lớp duy nhất cho mỗi biến thể.

B. Bằng cách kết hợp một lớp cơ sở với các lớp bổ sung để tạo biến thể.

C. Chỉ có thể tạo biến thể bằng cách sử dụng bộ chọn định danh.

D. Bằng cách thay đổi tên phần tử HTML.

9. Khi sử dụng bộ chọn lớp trong CSS, một phần tử HTML có thể được gán bao nhiêu lớp?

A. Chỉ một lớp duy nhất.

B. Tối đa hai lớp.

C. Không giới hạn số lượng lớp.

D. Chỉ những lớp được khai báo trước.

10. Bộ chọn lớp cho phép các nhà phát triển web linh hoạt trong việc áp dụng kiểu dáng như thế nào?

A. Chỉ cho phép áp dụng kiểu dáng một lần cho mỗi lớp.

B. Cho phép tái sử dụng và áp dụng cùng một kiểu dáng cho nhiều phần tử khác nhau.

C. Chỉ áp dụng kiểu dáng cho phần tử đầu tiên tìm thấy có lớp đó.

D. Yêu cầu mỗi lớp chỉ được liên kết với một loại phần tử HTML duy nhất.

11. Khi hai bộ chọn CSS có cùng độ ưu tiên và áp dụng cho cùng một phần tử, quy tắc nào sẽ được ưu tiên áp dụng?

A. Quy tắc được khai báo sau cùng trong tệp CSS hoặc trong mã HTML.

B. Quy tắc có bộ chọn phức tạp hơn.

C. Quy tắc áp dụng bộ chọn lớp.

D. Quy tắc áp dụng bộ chọn định danh.

12. Bộ chọn định danh (ID selector) trong CSS có đặc điểm gì nổi bật so với bộ chọn lớp?

A. Có thể áp dụng cho nhiều phần tử trên một trang web.

B. Được sử dụng để định kiểu cho tất cả các phần tử của một loại nhất định.

C. Chỉ được áp dụng cho một phần tử duy nhất trên mỗi trang web.

D. Có độ ưu tiên thấp hơn bộ chọn lớp.

13. Bộ chọn nào sau đây sẽ định kiểu cho phần tử có ID là "nav-menu" và cũng có lớp "primary-nav"?

A. .nav-menu.primary-nav

B. #nav-menu .primary-nav

C. #nav-menu.primary-nav

D. .nav-menu #primary-nav

14. Trong ngữ cảnh của CSS, "specificity" đề cập đến điều gì?

A. Khả năng một phần tử được tìm thấy trong tài liệu.

B. Mức độ ưu tiên của một quy tắc CSS khi có xung đột.

C. Độ phức tạp của cú pháp CSS.

D. Khả năng tương thích của CSS với các trình duyệt khác nhau.

15. Bộ chọn nào sẽ định kiểu cho một phần tử có ID là "header" và lớp là "site-title"?

A. #header.site-title

B. .header#site-title

C. #header, .site-title

D. .header .site-title

16. Trong trường hợp nào việc sử dụng bộ chọn định danh (ID selector) là không phù hợp?

A. Khi cần định kiểu cho một phần tử duy nhất và độc nhất trên trang.

B. Khi muốn có độ ưu tiên cao nhất cho một quy tắc CSS.

C. Khi cần định kiểu cho nhiều phần tử khác nhau có cùng đặc điểm.

D. Khi muốn tạo một điểm neo (anchor) cho liên kết nội bộ trên trang.

17. Trong HTML, thuộc tính `id` dùng để làm gì?

A. Gán một nhãn duy nhất cho một phần tử để có thể tham chiếu đến nó từ CSS hoặc JavaScript.

B. Gán một tên lớp cho phần tử để nhóm nhiều phần tử có cùng đặc điểm.

C. Xác định loại phần tử HTML, ví dụ "div", "p".

D. Định nghĩa một thuộc tính tùy chỉnh không được CSS nhận diện.

18. Tại sao việc sử dụng bộ chọn lớp lại phổ biến hơn bộ chọn định danh trong nhiều trường hợp?

A. Vì bộ chọn lớp có độ ưu tiên luôn cao hơn.

B. Vì bộ chọn lớp cho phép tái sử dụng kiểu dáng cho nhiều phần tử.

C. Vì bộ chọn lớp chỉ áp dụng cho một phần tử duy nhất.

D. Vì bộ chọn lớp không cần khai báo trong HTML.

19. Bộ chọn nào sau đây là ví dụ về bộ chọn lớp kết hợp với bộ chọn phần tử, áp dụng cho các liên kết (``) có lớp `external-link`?

A. .external-link

B. a.external-link

C. #external-link

D. a #external-link

20. Khi bạn muốn tạo một kiểu dáng chung cho tất cả các phần tử `` trên trang web, bạn nên sử dụng bộ chọn nào?

A. Bộ chọn lớp `.span`

B. Bộ chọn định danh `#span`

C. Bộ chọn phần tử `span`

D. Bộ chọn `*`

21. Trong CSS, bộ chọn lớp (class selector) được sử dụng để định kiểu cho nhóm các phần tử HTML có cùng đặc điểm. Bộ chọn lớp bắt đầu bằng ký tự nào sau đây?

22. Để định kiểu cho tất cả các phần tử có thuộc tính `class` là "item" HOẶC có thuộc tính `id` là "unique-item", bạn sẽ sử dụng bộ chọn nào?

A. .item #unique-item

B. .item, #unique-item

C. .item #unique-item

D. .item.unique-item

23. Bộ chọn nào sau đây sẽ định kiểu cho phần tử có thuộc tính "id" là "main-content"?

24. Nếu có hai quy tắc CSS áp dụng cho cùng một phần tử, một quy tắc sử dụng bộ chọn định danh (ID selector) và một quy tắc sử dụng bộ chọn lớp (class selector), quy tắc nào sẽ có độ ưu tiên cao hơn?

A. Quy tắc sử dụng bộ chọn lớp.

B. Quy tắc sử dụng bộ chọn định danh.

C. Quy tắc nào được viết trước.

D. Quy tắc nào có ít thuộc tính hơn.

25. Bộ chọn nào sau đây KHÔNG hợp lệ trong CSS?

1 / 25

Category: Trắc nghiệm Tin học ứng dụng 12 Cánh diều bài 10: Bộ chọn lớp, bộ chọn định danh

Tags: Bộ đề 1