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

Ngữ cảnh: Nhà hàng - card giới thiệu món ăn trong thực đơn, kèm bảng giá theo khẩu phần.

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 món ăn trong thực đơ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 giá theo khẩu phần" đã đượ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).