Cú pháp CSS

Trong CSS, cú pháp là tập hợp các quy tắc quy định cách viết code CSS. Hiểu cú pháp CSS là điều cần thiết để tạo các bảng định kiểu có cấu trúc tốt và hoạt động hiệu quả. Một quy tắc CSS cơ bản gồm một bộ chọn và một khối khai báo.

Giải thích đơn giản như sau:

• Bộ chọn: Xác định phần tử HTML bạn muốn tạo kiểu (ví dụ: p, div, img).
• Khối khai báo: Chứa một hoặc nhiều khai báo nằm trong dấu ngoặc nhọn {}.

• Khai báo: Gồm một thuộc tính và một giá trị, được ngăn cách bằng dấu hai chấm : (ví dụ: color:green;). Mỗi khai báo cần kết thúc bằng dấu chấm phẩy (;).

• Thuộc tính: Thuộc tính kiểu dáng mà bạn muốn thay đổi (ví dụ: color, font-size).
• Giá trị: Giá trị bạn muốn đặt cho thuộc tính (ví dụ: blue, 16px).

Ví dụ:

p {
    color: blue;
    font-size: 16px;
}

Trong ví dụ này, p là bộ chọn, nhắm đến tất cả phần tử đoạn văn. Khối khai báo chứa hai khai báo: một khai báo đặt màu chữ thành xanh lam, khai báo còn lại đặt cỡ chữ thành 16 pixel.