Trang giới thiệu Câu lạc bộ Tin học – Phối hợp bộ chọn và tính kế thừa
Lớp 12HTML/CSSpythonGiải quyết vấn đề với máy tínhVận dụng cao
Thang điểm 10 · 5 tiêu chí chấm
Cho đoạn HTML giới thiệu Câu lạc bộ Tin học gồm tiêu đề chính, các tiêu đề mục, nhiều đoạn văn, một liên kết đăng kí và một đoạn có id đặc biệt. Em hãy viết CSS hoàn chỉnh đáp ứng đúng các yêu cầu sau, có vận dụng tính kế thừa để không lặp lại thuộc tính không cần thiết:
- Toàn trang dùng chung một phông chữ (chỉ đặt một lần ở mức phần tử cha để các thẻ con kế thừa, không lặp lại font-family ở h1, h2, p).
- Tiêu đề chính (
h1): màu đỏ, chữ đậm, căn giữa trang. - Các tiêu đề mục (
h2): màu xanh dương, chữ đậm. - Đoạn văn đứng ngay sau mỗi tiêu đề mục (tổ hợp quan hệ
h2 + p): màu chữ xám. - Liên kết đăng kí: màu xanh lá khi chưa kích hoạt (
:link), chuyển màu đỏ khi di chuột lên (:hover). - Đoạn văn có id
luuy: có viền đỏ, nền màu vàng nhạt và có khoảng đệm (padding) bên trong khung.
#kế thừa#font-family#color#font-weight#text-align#pseudo-class#tổ hợp quan hệ#border#background-color#padding#category:danh_gia#difficulty:analyzing
Giáo viên giao bài này cho lớp, học sinh nộp bài trực tuyến và được chấm tự động.
Giáo viên đăng nhập để giao bàiBài tập khác lớp 12
- Định dạng trang giới thiệu bản thân · HTML/CSS
- Định dạng trang giới thiệu cuốn sách yêu thích bằng kế thừa CSS · HTML/CSS
- Thiết kế trang tin Ngày hội đọc sách trường THPT · HTML/CSS
- Phân biệt lưu ý quan trọng bằng bộ chọn lớp · HTML/CSS
- Định dạng khối thông báo lịch sinh hoạt Câu lạc bộ Tiếng Anh · HTML/CSS
- Định dạng trang khảo sát Ngày hội đọc sách bằng kế thừa CSS · HTML/CSS