Giả sử đã thiết lập trang HTML như sau:

<!DOCTYPE html>

   <html>

   <head>

   </head>

   </body>

<div>Hãy di chuyển chuột lên tôi, bạn sẽ thấy...

‹p id = "hidden">Sự kì diệu của CSS! </p>

</div>

</body>

</html>

Hãy thiết lập CSS sao cho văn bản được trình bày theo yêu cầu sau:

A. Dòng chữ "Sự kì diệu của CSS!" sẽ được ẩn đi khi duyệt bình thường.

B. Dòng đầu tiên "Hãy di chuyển ..." được hiển thị trên nền xanh lam, trong khung màu với vùng đệm 20 px.

C. Khi di chuyển chuột lên khung màu có chữ "Hãy di chuyển ..." thì xuất hiện khung nền vàng, chữ đỏ, vùng đệm 20 px, trong khung có dòng chữ "Sự kì diệu của CSS!".

D. Khi chuột đã di chuyển qua khung nền xanh lam thì khung vàng sẽ bị ẩn đi.

Xem lời giải

Câu hỏi trong đề: 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 !!

Bắt đầu thi

Quảng cáo

Trả lời:

Giải bởi Vietjack

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:

Giả sử đã thiết lập trang HTML như sau: <!DOCTYPE html> <html> <head> (ảnh 1)

Hot: 500+ Đề thi thử tốt nghiệp THPT các môn, ĐGNL các trường ĐH... file word có đáp án (2025). Tải ngay

Sách thầy cô Vietjack biên soạn:

Xem thêm »

CÂU HỎI HOT CÙNG CHỦ ĐỀ

Câu 1

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 2

Cho đoạn mã HTML sau:

1   <! DOCTYPE html>

2   <html>

3   <head>

4   <style>

5   p › strong ~ em {color: blue; }

6   p › strong {color : green;}

7   em {color: cyan; }

8   strong {color: red; } 9 </style>

10 </head>

11 <body>

12 <h1 class = "test">Tìm hiểu về HTML</h1>

13 <p><strong>HTML</strong> - tên viết tắt của <em>HyperText Markup

Language</em>, ngôn ngữ đánh dấu siêu văn bản, là ngôn ngữ đặc biệt dùng để thiết kế nội dung các trang web và được thể hiện bằng trình duyệt. </p>

14 </body>

15 </htm]>

Từ HTML trong văn bản trên sẽ có màu gì trên trình duyệt?

A. blue.

B. red.

C. green.

D. cyan.

Xem đáp án

Lời giả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 3