Cú pháp của CSSPage

Cấu trúc của một Bộ quy tắc trong CSS

Một Bộ Quy tắc (rule) CSS bao gồm một bộ chọn (selector) và một khối khai báo các thuộc tính:

Bộ chọn (Selector) chỉ tới các phần tử HTML mà chúng ta muốn áp dụng kiểu.

Khối khai báo (Declaration) bao gồm một hoặc nhiều khai báo thuộc tính phân tách nhau bằng dấu chấm phẩy.

Mỗi khai báo thuộc tính bao gồm một tên thuộc tính (Property) và giá trị (Value) của thuộc tính, phân tách nhau bằng dấu hai chấm.

Một khai báo CSS luôn luôn kết thúc với một dấu chấm phẩy, và các nhóm khai báo đặt trong một cặp ngoặc nhọn ({}).

Trong ví dụ sau, tất cả các phần tử <p> sẽ được căn giữa và có màu đỏ

Chú thích trong CSS

Chú thích (comment) được sử dụng để giải thích ý nghĩa của mã nguồn, chúng giúp cho người khác hiểu mã nguồn do chúng ta viết ra, hoặc giúp cho chính chúng ta nếu sau này muốn chỉnh sửa mã nguồn. Các trình duyệt sẽ không xử lý các phần chú thích, chúng sẽ bỏ qua các đoạn chú thích này.

Một chú thích trong CSS bắt đầu với cặp kí hiệu /* và kết thúc với cặp kí hiệu */. Chúng ta có thể viết chú thích trên nhiều dòng.

CSS:

p {
    color: red;
    /* Đây là chú thích trên một dòng */
    text-align: center;
}

/* Đây là
một chú thích
trên nhiều dòng */