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

Ngữ cảnh: Phòng tập Gym - card giới thiệu gói dịch vụ phòng gym, kèm bảng so sánh quyền lợi các gói.

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 gói dịch vụ phòng gym, 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 so sánh quyền lợi các gói" đã đượ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).