Dưới đây là một ví dụ rất đơn giản của CSS, nó được viết để định dạng thẻ h3 của tài liệu sẽ có màu xanh dương

Do vậy nếu bạn có code HTML như sau

Về cơ bản cú pháp của CSS bao gồm 2 phần chính: Selector và Declaration. Selector dùng để xác định đối tượng nào sẽ chịu ảnh hưởng và Declaration sẽ quyết định đối tượng đó bị ảnh hưởng như thế nào. Ở ví dụ trên, thẻ h3 là Selector và phần {color: blue;} là Declaration.

Trong Declaration cũng có 2 phần là: Property và Value. Property quyết định cái gì sẽ chịu ảnh hưởng vàValue quyết định nó sẽ bị ảnh hưởng như thế nào. Ở ví dụ trên color là Property nó quyết định sẽ tác động đến màu của h3 và blue là Value, nó quyết định màu sẽ là màu xanh.

Đoạn chữ này sẽ có màu xanh

Bạn có thể sử dụng những cách sau đây khi viết CSS

Nhóm nhiều Declaration vào một dòng

và nếu bạn có một đoạn văn bản như sau trong code html

nó sẽ có màu xanh, cỡ chữ là 12px và độ cao giữa các dòng là 15px.

Lưu ý: Mỗi Declaration được ngăn cách bởi dấu chấm phẩy ; dấu chấm phẩy ở cuối cùng không bắt buộc, nhưng bạn nên cho vào để sau này nếu có thêm Declaration sẽ không bị quên

Nhóm nhiều Selector vào một dòng

Ví dụ nếu bạn muốn chữ từ h1 đến h6 có màu đỏ và được in nghiêng bạn có thể viết

Hoặc bạn có thể nhóm tất cả lại để đỡ tốn công hơn

Mỗi Selector được ngăn cách bằng dấu phẩy (,)

Một Selector có thể chịu ảnh hưởng bời nhiều luật

Ở ví dụ trên nếu bạn muốn thẻ h2 vừa được tô đậm và in nghiêng, bạn có thể thêm dòng sau