Cú pháp của CSS được tạo nên bởi 3 thành phần:
-Thành phần lựa chọn (thường là một thẻ HTML) (Selector).
- Thuộc tính (Property).
- Giá trị (Value). ...
Cú pháp của CSS được thể hiện như sau:
Selector
{
Property1: Value1;
Property2: Value2;
}
...
- Selector thường là các thẻ HTML mà bạn muốn định nghĩa thêm.
- Property là thuộc tính mà bạn muốn thay đổi; mỗi một thuộc tính cần phải có một giá trị. Một thuộc tính và giá trị của nó được
phân cách bởi dấu hai chấm ( :). Hai cặp thuộc tính-giá trị được phân cách nhau bởi dấu chấm phẩy (;). Toàn bộ các cặp thuộc tính-giá trị
của một thẻ HTML được đặt trong cặp dấu ngoặc nhọn ( {}).
Ví dụ:
body{color: black} /*Phần chữ trong thẻ body sẽ có màu đen*/hay:
p{text-align: center} /*tất cả các thẻ p trong trang HTML sẽ được canh giữa.*/
Hay định nghĩa nhiều thuộc tính:
p
{
text-align: center;
color: red;
font-family: arial
}