Đáp án và lời giải

Giải SBT Tin học 12 Bài 17. Các mức ưu tiên của bộ chọn

Câu 1

Hướng dẫn chấm do TopStudy biên soạn, mang tính gợ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

Hướng dẫn chấm do TopStudy biên soạn, mang tính gợ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

Hướng dẫn chấm do TopStudy biên soạn, mang tính gợ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

Hướng dẫn chấm do TopStudy biên soạn, mang tính gợ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

Hướng dẫn chấm do TopStudy biên soạn, mang tính gợ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

Hướng dẫn chấm do TopStudy biên soạn, mang tính gợi ý

Đáp án: D. Vì:

h1.test: Chọn phần tử h1 có class là "test".

+ p: Chọn phần tử p (đoạn văn bản) nằm ngay sau phần tử h1.test.

Áp dụng hiệu ứng khi di chuyển chuột lên phần tử p.

ch thước chữ của phần tử p sẽ lớn gấp đôi (2em) so với kiểu chữ hiện có.

Câu 7

Hướng dẫn chấm do TopStudy biên soạn, mang tính gợi ý

Đáp án: C. Từ "HTML" nằm trong thẻ $<$ strong>, và mẫu định dạng p > strong {color: green;} sẽ được áp dụng cho nó.

Do đó, từ "HTML" sẽ có màu green.

Câu 8

Hướng dẫn chấm do TopStudy biên soạn, mang tính gợi ý

Đáp án: A. Cụm từ "HyperText Markup Language" sẽ có màu blue vì quy tắc CSS p > strong ~ em {color: blue;} đã áp dụng cho nó.

Câu 9

Hướng dẫn chấm do TopStudy biên soạn, mang tính gợi ý

Đáp án: B. Nếu quy tắc *.test & color: red; có tác dụng, nó sẽ làm cho màu chữ của phần tử này trở thành đỏ.

Quy tắc p { color: blue; } rõ ràng là sẽ khiến cho đoạn văn này có màu xanh dương.

Vì vậy, câu trả lời (Đỏ, xanh dương) là đúng:

Câu 10

Hướng dẫn chấm do TopStudy biên soạn, mang tính gợi ý

Mẫu CSS trên sẽ đáp ứng được hầu hết các yêu cầu, giúp tạo hiệu ứng và định dạng mong muốn cho trang HTML của bạn. Bạn có thể tùy chỉnh các thuộc tính để phù hợp hơn với giao diện mong muốn

CSS có thể thiết lập như sau:

Hình minh hoạ