Giải SBT Tin học 12 Khoa học máy tính Kết nối tri thức Bài 17. Các mức ưu tiên của bộ chọn

20 người thi tuần này 4.6 300 lượt thi 10 câu hỏi

Câu 1

Câu nào sau đây là đúng nhất về pseudo-class (lớp giả)?

A. Lớp giả là lớp các phần tử đã được định nghĩa lớp có sẵn trong trang web không do người viết chương trình tạo ra.

B. Lớp giả là lớp mặc định các phần tử đặc biệt nào đó do CSS định nghĩa trước.

C. Lớp giả là lớp mô tả các trạng thái đặc biệt của các phần tử phụ thuộc vào thao tác người dùng trên trình duyệt, ví dụ như các thao tác chuột, thao tác nhập liệu trên biểu mẫu và một số trạng thái đặc biệt khác.

D. Lớp giả là lớp mô tả các trạng thái đặc biệt của một số phần tử đặc biệt của HTML.

Xem đáp án

Lời giải

Đáp án: C. Đây là định nghĩa chính xác nhất về pseudo-class. Các pseudo-class như :hover, :focus, và :active thể hiện các trạng thái mà các phần tử có thể ở trong đó, phụ thuộc vào hành động của người dùng.

Phát biểu C là phát biểu đúng nhất về pseudo-class. Nó mô tả rõ ràng về các trạng thái đặc biệt của các phần tử phụ thuộc vào thao tác người dùng trên trình duyệt. Các phát biểu khác đều có những thiếu sót hoặc không chính xác.

Câu 2

Câu nào sau đây là đúng nhất về pseudo-element (phần tử giả)?

A. Phần tử giả là các phần tử HTML nhưng ảo, không hiển thị ngay trên màn hình.

B. Phần tử giả là các phần tử HTML đặc biệt do CSS thiết lập riêng.

C. Phần tử giả là tất cả các thành phần riêng biệt, độc lập của các phần tử HTML.

D. Phần tử giả được định nghĩa để mô tả một số phần, thành phần đặc biệt có ý nghĩa của các phần tử HTML, ví dụ dòng đầu tiên, chữ cái đầu tiên, các thành phần này có nhu cầu thiết lập định dạng riêng.

Xem đáp án

Lời giải

Đáp án: D. . Đây là định nghĩa chính xác nhất về pseudo-element. Các pseudo-element như ::first-line, ::first-letter, ::before, và ::after cho phép bạn áp dụng kiểu riêng cho các phần cụ thể của phần tử, như dòng đầu tiên của một đoạn văn hoặc chữ cái đầu tiên. Nó mô tả chính xác mục đích và cách thức hoạt động của pseudo-element trong CSS. Các phát biểu khác đều không chính xác hoặc thiếu sót trong việc diễn đạt ý nghĩa pseudo-element.

Câu 3

Cho mẫu định dạng :active { color: red ; }

Câu nào sau đây mô tả chức năng của mẫu định dạng trên?

A. Mẫu này không có tác dụng lên bất cứ phần tử nào của tệp HTML hiện thời.

B. Trong khi nhấn và giữ chuột lên cửa sổ trình duyệt thì toàn bộ chữ của trang web chuyển màu đỏ.

C. Sau khi nháy chuột lên cửa số trình duyệt thì toàn bộ chữ của trang web chuyến màu đỏ.

D. Khi di chuyển chuột lên lên cửa sổ trình duyệt thì toàn bộ chữ của trang web chuyển màu đỏ.

Xem đáp án

Lời giải

Đáp án: B. Vì active trong CSS được sử dụng để định dạng các phần tử trong trạng thái "đang được kích hoạt", nghĩa là khi người dùng nhấn và giữ chuột lên phần tử đó. Trong ví dụ trên, khi người dùng nhấn và giữ chuột trên các phần tử tương tác (như liên kết hoặc nút), màu chữ sẽ chuyển thành đỏ.

Câu 4

Nếu hai mẫu định dạng CSS có trọng số bằng nhau cùng p dụng cho một phần tử thì trình duyệt sẽ ưu tiên dùng mẫu nào?

A. Ưu tiên áp dụng mẫu CSS có từ khóá limportant, nếu không có thì dùng mẫu đầu tiên trong danh sách.

B. Trình duyệt sẽ áp dụng mẫu định dạng có mô tả thuộc tính nhiều hơn.

C. Ưu tiên áp dụng mẫu đầu tiên.

D. Ưu tiên áp dụng mẫu cuối cùng.

Xem đáp án

Lời giải

Đáp án: D. Đúng. Trong trường hợp hai mẫu định dạng CSS có trọng số bằng nhau, trình duyệt sẽ ưu tiên áp dụng mẫu cuối cùng xuất hiện trong mã CSS. Khi hai mẫu định dạng CSS có trọng số bằng nhau, trình duyệt sẽ áp dụng mẫu cuối cùng trong danh sách.

Câu 5

Tính trọng số của các mẫu định dạng CSS với bộ chọn như sau:

A. div > p.

B. div.test + #p1.

C. p.test1 p.test2.

D. h1: first-line.

Xem đáp án

Lời giải

Đáp án:

A. div > p: Trọng số (0, 0, 2)

B. div.test + #p1: Trọng số (1, 1, 1)

C. p.test1 p.test2: Trọng số (0, 2, 2)

D. h1: first-line: Trọng số (0, 0, 1)

Mỗi bộ chọn trên đều có trọng số riêng dựa trên các thành phần của nó. Trọng số có thể được tính dễ dàng bằng cách phân loại và đếm các thành phần của bộ chọn.

Câu 6