Viết những style sheet
Style sheet được tạo nên từ các qui tắc kiểu nó báo cho trình duyệt biết được cách trình bày một tài liệu. Có nhiều cách khác nhau để liên kết những qui tắc kiểu này đến tài liệu HTML của bạn, nhưng phương thức đơn giản nhất cho việc bắt đầu là sử dụng phẩn tử STYLE của HTML. Phần tử này được đặt trong phần HEAD của tài liệu, và nó chứa các qui tắc kiểu cho trang web.
Đoạn mã dưới đây định nghĩa thuộc tính màu ‘color’ và font-size cho phần tử H1 và H2:
CSS Example Hi
Hello
Style sheet dưới đây báo cho trình duyệt biết để hiển thị phần tiêu đề H1 có cỡ chữ extra-large, font màu đỏ, và hiển thị phần tiêu đề H2 có cỡ chữ large, và font màu xanh.
Hình 1 hiển thị kết quả của đoạn mã trên.
Kết quả của Ví dụ 1 Cách dùng selector lớp
Title Way too green
Kết quả của đoạn code trên được hiển thị trong hình 2:
Kết quả của Ví dụ 2 Dùng style sheet để định dạng danh sách
- first list item comes first
- second list item comes second
- first list item comes first
- second list item comes second
Kết quả của đoạn mã trên hiển thị ở hình dưới:
Kết quả của ví dụ 3
Phần tử giả ‘first-letter:
Title The first few words of an article in The Economist.
Kết quả của đoạn mã trên hiển thị hình bên dưới:
Kết quả của Ví dụ 4 Style sheet nội tuyến
This paragraph is styled in blue with the Arial Black font, if available.
This paragraph is styled in red with the Comic Sans MS font, if available.
Kết quả của đoạn mã trên hiển thị hình bên dưới:
Kết quả Ví dụ 5 