Trang thông báo chương trình "Tiếp sức mùa thi" - tối ưu CSS bằng tính kế thừa
Lớp 12HTML/CSSpythonGiải quyết vấn đề với máy tínhVận dụng
Thang điểm 10 · 4 tiêu chí chấm
Đoàn trường cần một trang giới thiệu chương trình "Tiếp sức mùa thi" 2027. Em hãy viết CSS sao cho số quy tắc là ít nhất có thể, tận dụng tính kế thừa để không phải lặp lại cùng một thuộc tính ở từng thẻ con khi không cần thiết.
- Toàn bộ nội dung trong khung (tiêu đề
h1, các đoạnp, phầnem) có màu chữ xanh đậmdarkblue— chỉ khai báocolorđúng một lần tại bộ chọn của khung bao ngoài để các thẻ con kế thừa, không viết lạicolorởh1,phayem. - Riêng phần chữ nhấn mạnh thời gian đăng kí (thẻ
strong) phải hiển thị màu đỏ (red) và in đậm (font-weight: bold), khác với màu chữ chung đã kế thừa. - Khung bao ngoài toàn bộ nội dung có viền (
border) dày 3px, kiểusolid, màudarkblue; vùng đệm (padding) 15px; lề ngoài (margin) 10px; chiều rộng (width) 500px. - Không viết thêm quy tắc CSS riêng cho
h1,p,emnếu thuộc tính đó đã có thể kế thừa được từ khung bao ngoài.
#color#border#padding#margin#width#font-weight#tính kế thừa#category:phat_trien_tu_duy#difficulty:applying
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