Nguồn CSS

Thông tin về CSS có thể đến từ nhiều nguồn khác nhau, chẳng hạn từ trình duyệt, tác giả, hoặc từ chính người dùng. Những thông tin CSS từ tác giả có thể được tách thành cách tệp tin riêng hoặc chèn trực tiếp vào văn bản HTML. Nhiều tập tin CSS có thể được sử dụng cùng một lúc. Tác giả có thể quy định những kiểu dáng khác nhau dựa trên thiết bị hiển thị của người dùng cuối, chẳng hạn cùng một trang web có thể hiển thị bố cục khác nhau khi truy cập trên điện thoại di động, máy tính bảng, hoặc máy tính cá nhân. Nhờ vậy, tác giả có thể tối ưu hoá văn bản của mình để thích hợp với người sử dụng.

Thông tin xác định kiểu dáng nào có mức độ ưu tiên cao nhất sẽ quyết định kiểu dáng của nội dung hiển thị. Mức độ ưu tiên này được sắp xếp như sau:

Mức độ ưu tiênKiểu nguồnMiêu tả
1Quan trọng (important)Thẻ ‘!important’ cho phép ghi đè lên các kiểu dáng trước
2Trực tiếp (inline)Kiểu dáng xác định trực tiếp cho một đối tượng HTML bằng thuộc tính style
3Phương tiện (media)Kiểu dáng chung xác định cho tất cả phương tiện trong văn bản, cho đến khi một kiểu dáng khác được xác định cho một loại phương tiện cụ thể
4Người dùng chỉ định (user defines)Một số trình duyệt hiện đại cho phép người dùng quyết định kiểu dáng cho nội dung hiển thị
5Bộ chọn cụ thể (specific selector)Kiểu dáng xác định bởi bộ chọn cụ thể trong từng tình huống (chẳng hạn #heading p) sẽ đè lên các kiểu dáng chung
6Thứ tự thuộc tính (rule order)Kiểu dáng ở cuối tệp tin sẽ có mức ưu tiên cao hơn kiểu dáng ở đầu tệp.
7Thuộc tính kế thừa (parent inheritance)Một thành phần không có kiểu dáng cụ thể nào được gán cho nó sẽ kế thừa kiểu dáng của thuộc tính mẹ
8Kiểu dáng ở đầu trang HTMLKiểu dáng được đặt ở trong cặp thẻ <style> trong phần <head> của một trang HTML có mức độ ưu tiên cao hơn kiểu dáng mặc định của trình duyệt
9Mặc định của trình duyệtNếu một thành phần không có bất cứ kiểu dáng nào sẽ sử dụng kiểu dáng mặc định của trình duyệt