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

Ngữ cảnh: Cửa hàng công nghệ - card giới thiệu sản phẩm công nghệ, kèm bảng thông số kỹ thuật.

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 sản phẩm công nghệ, 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 số kỹ thuật" đã đượ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).