Tailieumoi.vn xin giới thiệu Trắc nghiệm Tin học lớp 12 Bài 17: Các mức ưu tiên của bộ chọn sách Kết nối tri thức. Bài viết gồm 15 câu hỏi trắc nghiệm với đầy đủ các mức độ và có hướng dẫn giải chi tiết sẽ giúp học sinh ôn luyện kiến thức và rèn luyện kĩ năng làm bài trắc nghiệm Tin học 12. Ngoài ra, bài viết còn có phần tóm tắt nội dung chính lý thuyết Bài 17: Các mức ưu tiên của bộ chọn. Mời các bạn đón xem:

Trắc nghiệm Tin học 12 Bài 17: Các mức ưu tiên của bộ chọn

Phần 1. 15 câu Trắc nghiệm Tin học 10 Bài 17: Các mức ưu tiên của bộ chọn

I. Câu trắc nghiệm nhiều phương án lựa chọn. Thí sinh trả lời từ câu 1 đến câu 10. Mỗi câu hỏi thí sinh chỉ lựa chọn một phương án.

Câu 1: Nguyên tắc ưu tiên trong CSS được xác định bằng:

A. Thứ tự xuất hiện của các quy tắc trong tệp CSS

B. Số lượng phần tử trong trang HTML

C. Số lượng liên kết trong tệp CSS

D. Tính kế thừa và trọng số của các bộ chọn

Câu 2: Pseudo-element ::before thường được sử dụng để:

A. Thêm nội dung trước phần tử

B. Thay đổi màu nền của phần tử

C. Thêm đường viền cho phần tử

D. Thay đổi kích thước của phần tử

Câu 3: Trọng số của một mẫu định dạng CSS được xác định dựa trên:

A. Vị trí của tệp CSS trong trang

B. Số lượng các kiểu chữ khác nhau

C. Số lượng ID, class và thẻ HTML

D. Số lượng các màu sắc được sử dụng

Câu 4: Nếu một phần tử HTML có cả ID và class, mẫu định dạng nào sẽ được ưu tiên?

A. Mẫu định dạng với ID

B. Mẫu định dạng với class

C. Mẫu định dạng được viết sau cùng

D. Mẫu định dạng với thuộc tính màu sắc

Câu 5: Pseudo-class :first-child được sử dụng để:

A. Áp dụng định dạng cho phần tử đầu tiên trong một nhóm

B. Áp dụng định dạng cho phần tử cuối cùng trong một nhóm

C. Áp dụng định dạng cho tất cả các phần tử trong nhóm

D. Áp dụng định dạng cho phần tử duy nhất trong nhóm

II. Câu trắc nghiệm đúng sai. Thí sinh trả lời từ câu 1 đến câu 2. Trong mỗi ý a), b), c), d) ở mỗi câu, thí sinh chọn đúng hoặc sai

Câu 1: Phát biểu về kiểu bộ chọn dạng pseudo-class và pseudo-element sau đúng hay sai?

a) Bộ chọn pseudo-class (lớp giả) được viết sau dấu hai chấm (:) theo cú pháp: :pseudo-class {thuộc tính: giá trị;}.

b) Bộ chọn pseudo-element (phần tử giả) được viết sau dấu hai chấm kép (::) theo cú pháp: ::pseudo-element {thuộc tính: giá trị;}.

c) Pseudo-class mô tả các trạng thái đặc biệt của phần tử HTML, còn pseudo-element mô tả các phần nhỏ hơn của phần tử HTML.

d) Trong CSS, các lớp giả và phần tử giả đều có thể định dạng các trạng thái và phần tử của HTML.

Câu 2: Phát biểu say đây đúng hay sai về mức độ ưu tiên khi áp dụng CSS?

a) Trong CSS, tính kế thừa và quy định về thứ tự cuối cùng (cascading) có mức ưu tiên cao hơn trọng số của bộ chọn.

b) Khi có nhiều mẫu định dạng CSS có thể áp dụng cho một phần tử HTML, mẫu CSS có trọng số cao nhất sẽ được ưu tiên áp dụng.

c) Quy định về thứ tự ưu tiên của CSS được mô tả trong Bảng 17.3 và tính trọng số của CSS được mô tả trong Bảng 17.4.

d) Trọng số của mẫu định dạng CSS được tính bằng tổng giá trị trọng số của các phần tử trong bộ chọn CSS.

III. Câu trả lời ngắn. Thí sinh trả lời từ câu 1 đến câu 3

Câu 1: Bộ chọn pseudo-class được viết sau dấu hai chấm (:) theo cú pháp nào?

Câu 2:  Bộ chọn pseudo-element được viết sau dấu gì và theo cú pháp nào?

Câu 3: Khi áp dụng nhiều mẫu định dạng CSS cho một phần tử HTML, mẫu nào sẽ được ưu tiên nếu có nhiều mẫu cùng mức ưu tiên?

Phần 2. Lý thuyết Tin học 10 Bài 17: Các mức ưu tiên của bộ chọn

1. Kiểu bộ chọn dạng pseudo-class và pseudo-element

a) Bộ chọn pseudo-class

Trong CSS, các lớp giả quy định viết sau dấu “” theo cú pháp:

:pseudo-class {thuộc tỉnh : giá trị ;}

b) Bộ chọn kiểu pseudo-element

Pseudo-element (phần tử giả) là khái niệm chỉ một phần (hoặc một thành phần) của các phần tử bình thường. Các phần này có thể coi là một phần tử giả và có thể thiết lập mẫu định dạng CSS. Quy định phần tử giả viết sau dấu “...” theo cú pháp:

::pseudo-element {thuộc tính : giá trị ;}

CSS hỗ trợ thiết lập định dạng cho các lớp giả (pseudo-class) và phần tử giả (pseudo-element). Lớp giả mô tả các trạng thái được định nghĩa trước của phần tử. Phần tử giả mô tả các thành phần (nhỏ hơn) của phần tử.

2. Mức độ ưu tiên khi áp dụng CSS

Khi có nhiều mẫu định dạng có thể áp dụng cho một phần tử HTML trên trang web, CSS sẽ áp dụng định dạng theo thứ tự ưu tiên. Trong các bài học trước, bạn đã biết hai quy tắc ưu tiên là tính kế thừa và quy định về thứ tự cuối cùng (cascading). Thực tế, quy định về chọn mẫu định dạng ưu tiên từ cao xuống thấp của CSS được mô tả trong Bảng 17.3.

Theo nguyên tắc này, nếu có nhiều mẫu định dạng CSS có thể áp dụng cho một phần tử HTML, tính kế thừa CSS và nguyên tắc thứ tự cuối cùng được xếp dưới trọng số CSS. Khi đó, CSS sẽ tính trọng số của các mẫu định dạng và mẫu nào có trọng số lớn hơn sẽ được ưu tiên áp dụng.

Cách tính trọng số của CSS rất đơn giản, dựa trên giá trị trọng số của từng thành phần của bộ chọn (selector) trong mẫu định dạng. Trọng số của mẫu định dạng sẽ được tính bằng tổng của các giá trị thành phần đó, theo quy định trong Bảng 17.4.

Nếu có nhiều mẫu định dạng CSS cùng mức ưu tiên áp dụng cho một phần tử HTML thì mẫu CSS nào có trọng số cao nhất sẽ được áp dụng.

Thực hành:

Nhiệm vụ 1: Nhập tập html

Yêu cầu: Nhập tập html

Nhiệm vụ 2: Thiết lập định dạng bằng CSS

Yêu cầu: Thiết lập định dạng cho tệp html ở Nhiệm vụ 1 bằng CSS theo các yêu cầu sau: – Tiêu đề chính của bài màu đỏ, căn giữa.

– Các tiêu đề nhỏ màu xanh, đậm.

- Phần kết nối liên kết phía trên định dạng trên một hàng ngang, căn phải, các liên kết có màu nền xanh lá cây. Khi di chuột lên thì chuyển chữ màu đỏ.

– Các đoạn đầu tiên bên dưới các tiêu đề có màu đỏ, các đoạn khác vẫn màu mặc định.

– Các hình ảnh logo ban đầu ẩn đi. Khi nhảy chuột lên dòng “Xem logo của HTML” và “Xem logo của CSS.” thì các hình ảnh tương ứng được hiện ra.

Hình ảnh trang web sau khi định dạng cần được thể hiện như Hình 17.3.

Xem thêm các bài trắc nghiệm Tin học 12 Kết nối tri thức hay, chi tiết khác:

Trắc nghiệm Bài 16: Định dạng khung

Trắc nghiệm Bài 17: Các mức ưu tiên của bộ chọn

Trắc nghiệm Bài 18: Thực hành tổng hợp thiết kế trang web

Trắc nghiệm Bài 19: Dịch vụ sửa chữa và bảo trì máy tính

Trắc nghiệm Bài 20: Nhóm nghề quản trị thuộc ngành Công nghệ thông tin

Trắc nghiệm Bài 21: Hội thảo hướng nghiệp