Thiết kế trang tin "Ngày hội STEM"
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 trước đoạn HTML bài tin "Ngày hội STEM" gồm tiêu đề, các đề mục và nhiều đoạn văn. Em hãy viết CSS hoàn chỉnh đáp ứng đặc tả sau, chú ý vận dụng tính kế thừa để không phải lặp lại thuộc tính không cần thiết ở từng thẻ con:
- Toàn trang (áp dụng cho
body): phông chữ không chân (sans-serif), màu chữ đen (black), chiều cao dòng gấp 1.5 lần (line-height: 1.5) — các thẻ con sẽ kế thừa các thuộc tính này nếu không có mẫu riêng. - Tiêu đề chính (
h1): cỡ chữ 28px, màu xanh dương (blue), căn giữa. - Các đề mục (
h2): cỡ chữ 18px, màu xanh lá (green), kiểu chữ nghiêng, căn trái. - Các đoạn văn (
p): thụt lề dòng đầu 2 kí tự, căn đều hai bên; không cần khai báo lại font-family, color, line-height vì đã kế thừa từ body. - Từ khoá in đậm (
strong): màu đỏ (red). - Từ nhấn mạnh (
em): có gạch chân (text-decoration: underline).
#font-family#color#line-height#font-size#text-align#font-style#text-indent#text-decoration#tính 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