Giả sử đã thiết lập trang HTML như sau trang 48 SBT Tin học 12
Giả sử đã thiết lập trang HTML như sau:
Sách bài tập Tin học 12 Bài 17: Các mức ưu tiên của bộ chọn - Kết nối tri thức
Câu 17.10 trang 48 SBT Tin học 12: 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.
Lời giả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:
Lời giải sách bài tập Tin học 12 Bài 17: Các mức ưu tiên của bộ chọn hay khác:
Câu 17.1 trang 46 SBT Tin học 12: Câu nào sau đây là đúng nhất về pseudo-class (lớp giả)? ....
Câu 17.2 trang 46 SBT Tin học 12: Câu nào sau đây là đúng nhất về pseudo-element (phần tử giả)? ....
Câu 17.5 trang 47 SBT Tin học 12: Tính trọng số của các mẫu định dạng CSS với bộ chọn như sau: ....
Câu 17.7 trang 47 SBT Tin học 12: Cho đoạn mã HTML sau: ....