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

Ngữ cảnh: Trạm cứu hộ thú cưng - card giới thiệu thú cưng cần nhận nuôi, kèm bảng thông tin sức khỏe.

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 thú cưng cần nhận nuôi, 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 thông tin sức khỏe" đã đượ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).