Style Rules (Quy tắc style) trong CSS

CSS Rule (Quy tắc CSS) gồm 3 phần chính:

Phần	Mô tả	Ví dụ
Selector (Bộ chọn)	Element HTML sẽ áp dụng style. Có thể là tag, class, ID, attribute...	`h1`, `.btn`, `#header`
Property (Thuộc tính)	Đặc điểm style muốn thay đổi. Tương ứng attribute HTML cũ.	`color`, `border`, `font-size`, `margin`
Value (Giá trị)	Giá trị gán cho property.	`red`, `#F1F1F1`, `16px`, `bold`

Cú pháp

selector {
  property: value;
  property: value;
}

Ví dụ hoàn chỉnh

/* Selector: h1, h2, h3 */
h1, h2, h3 {
  /* Property: Value pairs */
  color: #36C;
  font-weight: normal;
  letter-spacing: .4em;
  margin-bottom: 1em;
  text-transform: lowercase;
}

Đặc điểm

Mỗi cặp property: value kết thúc bằng ; (dấu chấm phẩy).
Cặp cuối cùng có thể bỏ ; nhưng khuyên nên viết đầy đủ.
Có thể viết một dòng hoặc nhiều dòng (khuyên nhiều dòng cho readability).
Comment: /* comment */.

Cascade (Cascade - Trickling down)

Khi nhiều rule áp dụng cho cùng element, trình duyệt quyết định bằng:

Origin & Importance: User agent < User < Author < !important.
Specificity: Độ đặc hiệu selector cao hơn thắng.
Source Order: Viết sau thắng (nếu specificity bằng nhau).