Bài tập về nhà - Buổi 2 (Lần 1) - Mã đề C

Ngữ cảnh: Trung tâm khóa học online - card giới thiệu khóa học trực tuyến, kèm bảng lịch khai giảng.

Yêu cầu

• Dùng file CSS external (style.css) là chính, có ít nhất 1 ví dụ CSS internal (khối <style> trong <head>) và 1 ví dụ CSS inline (thuộc tính style trên 1 phần tử), kèm comment giải thích thứ tự ưu tiên đã xảy ra giữa 3 cách này.
• Thiết kế thẻ card thông tin cho khóa học trực tuyến, mỗi card gồm: ảnh, tiêu đề, mô tả, nhãn phân loại và nút hành động.
• Card phải dùng đủ Box Model: padding, border, margin, có bo góc (border-radius) và đổ bóng (box-shadow).
• Tạo tối thiểu 3 card giống nhau về cấu trúc, dùng chung class .card, và 1 card được làm nổi bật riêng bằng id="card-noi-bat".
• Trình bày kèm bảng dữ liệu "Bảng lịch khai giảng" đã được định dạng bằng CSS (màu nền hàng tiêu đề, viền, màu nền xen kẽ giữa các hàng).

Kết quả mong muốn

Xem file goc.html để lấy khung HTML ban đầu, hoàn thiện phần CSS để đạt được giao diện như ảnh chụp bên dưới (xem dapan.html để đối chiếu đáp án).