Môn Tin họcQuản lý học tập Tin học

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ài