Định dạng toàn diện bài viết "Lợi ích của việc đọc sách"
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 bài viết "Lợi ích của việc đọc sách". Em hãy viết CSS đáp ứng đúng các yêu cầu sau, đồng thời tậ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: màu chữ xám đậm (#333333), áp dụng chung cho các đoạn văn và các mục trong danh sách nhờ tính kế thừa (không khai báo riêng ở từng thẻ).
- Tiêu đề (thẻ
h1): màu chữ trắng, màu nền xanh lá đậm (darkgreen), khung viền dày 2px, nét liền, màu vàng gold. - Danh sách lợi ích (thẻ
ul): màu nền xám rất nhạt (#f0f0f0), không cần khai báo lại nền cho từngli. - Mỗi dòng trong danh sách (thẻ
li): chiều cao dòng gấp 1,5 lần bình thường. - Cụm từ mở đầu mỗi mục, là con trực tiếp của
li(thẻstrong, dùng đúng bộ chọn quan hệ cha con trực tiếpE > F): màu chữ xanh dương (blue). - Cụm từ nhấn mạnh đứng sau strong trong cùng một mục (thẻ
em, dùng đúng bộ chọn quan hệ anh emE ~ F): màu chữ đỏ — lưu ý cụmemtrong đoạn giới thiệu (không đứng sau strong) vẫn giữ màu chữ kế thừa từ toàn trang.
#color#background-color#border#line-height#E>F#E~F#kế thừa#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