Cấu trúc tổng quát của CSS bao gồm các mẫu định dạng dùng để tạo khuôn cho các phần tử HTML của trang web.

Các mẫu định dạng của CSS có thể được viết trong phần body của trang HTML.

Các mẫu định dạng có thể viết trong tệp CSS ngoài và kết nối vào bất kì trang web nào.

CSS sẽ giúp tách việc nhập nội dung trang web bằng thẻ HTML và việc định dạng thành hai công việc độc lập với nhau.

< title >< /title >.

< style >< /style >.

< body >< /body >.

< meta >< /meta >.

{thuộc tính=giá trị;}.

{thuộc tính: giá trị,}.

{thuộc tính: giá trị;}.

{thuộc tính-giá trị,}.

h1 {text-index: center;}.

h1 {text-position: center;}.

h1 {text-indent: center;}.

h1 {text-align: center;}.

p {font-color: brown; font-size: 12px;}.

p {color: brown; text-size: 12px;}.

p {color: brown; font-size: 12px;}.

p {text-color: brown; font-size: 12px;}.

q {font-size: italics;}.

q {font-weight: italics;}.

q {font-family: italics;}.

q {font-style: italics;}.

h1, h2, h3 {font- style: bold;}.

h1, h2, h3 {font- family: bold;}.

h1, h2, h3 {font-type: bold;}.

h1, h2, h3 {font-weight: bold;}

Các mẫu định dạng văn bản cơ bản bao gồm các thuộc tính liên quan đến phông chữ, màu chữ và định dạng dòng văn bản.

CSS mặc định coi chiều cao dòng văn bản = 2px.

Thuộc tính text-decoration thay thế và mở rộng cho thẻ u của HTML.

Đường cơ sở là đường ngang mà các chữ cái đứng thẳng trên nó.

Thiết lập khoảng cách đều nhau giữa các dòng văn bản.

Đưa đoạn văn bản ra giữa trang.

Căn lề đều hai bên cho đoạn văn bản.

Thiết lập tính chất trang trí dòng văn bản.

Nếu có nhiều mẫu định dạng được viết cho cùng một bộ chọn thì mẫu viết sau cùng sẽ được áp dụng.

Thuộc tính text-decoration không có tính kế thừa.

Nếu một mẫu CSS áp dụng cho một phần tử HTML bất kì thì nó sẽ được tự động áp dụng cho tất cả các phần tử là con, cháu của phần tử đó trong mô hình cây HTML (trừ các trường hợp ngoại lệ, ví dụ các phần tử với mẫu định dạng riêng).

Mức độ ưu tiên của * là cao nhất.

p {font-size: 2em;}.

p {font-size: 2rem;}.

p {font-size: 2ex;}.

p {font-size: 2cm;}

p {line-height: 1.5em;}.

p {line-height: 1.5rem;}.

p {line-height: 1.5;}.

p {line-height: 1.5in;}

p {text-indent: 3ch;}.

p {text-align: 3ex;}.

p {text-indent: 3em;}.

p {text-indent: 3rem;}

p {text-align: 3ex;}

p {text-align: 3em;}

p {text-indent: 3em;}

p {text-indent: 3pt;}

p {text-decoration: line-center;}

p {text-decoration: overline;}

p {text-decoration: underline;}

p {text-decoration: line-through;}

all {font-style: Courier;}

* {font-family: Courier;}

body {font-family: Courier;}

* {font-weight: Courier;}

rgb(100%, 100%, 100%).

rgb(255, 255, 255).

rgb(0%, 0%, 0%).

background-color.

opacity.

hover.

transparence.

H (Hue)

S (Saturation)

L (Lightness)

A (Alpha)

Màu đỏ

Màu xanh lá cây

Màu xanh dương

Màu vàng

Thuộc tính background-color dùng để định dạng màu nền.

Thuộc tính border dùng để định dạng màu khung viền quanh phần tử.

Thuộc tính back-color dùng để định dạng màu nền.

Thuộc tính color dùng để định dạng màu chữ.

background-color: gray;

border: gray;

color: gray;

font-color: gray;

Các thuộc tính định dạng màu chữ, màu nền và màu khung viền của CSS đều có tính kế thừa.

Mỗi màu trong hệ màu RGB là một tổ hợp gồm 3 giá trị, trong đó mỗi giá trị nà

Các thuộc tính định dạng màu chữ, màu nền và màu khung viền của CSS đều có tính kế thừa.

Mỗi màu trong hệ màu RGB là một tổ hợp gồm 3 giá trị, trong đó mỗi giá trị này là số nguyên nằm trong khoảng từ 0 đến 256, tức là một số 8 bit.

Trong hệ màu HSL, màu sẽ biến mất chỉ còn xám khi độ bão hoà bằng 0%.

Trong hệ màu RGB có 255 màu thuộc màu xám.

background-color = ;

background: color ();

background-color: ;

background-color =rgb (0,0,0);

Phần tử chiếm toàn bộ chiều rộng của khối chứa nó.

Phần tử chỉ chiếm không gian nội dung của nó.

Phần tử được hiển thị trên cùng một dòng với phần tử khác.

Phần tử được sử dụng để định dạng văn bản.

Phần tử chiếm toàn bộ chiều rộng của khối chứa nó.

Phần tử được nhúng bên trong một phần tử khác.

Phần tử từ đầu hàng đến cuối trang web.

Phần tử được sử dụng để định dạng văn bản.

Vì phần tử khối có thể chứa các phần tử nội tuyến và phần tử khối khác.

Vì phần tử khối luôn nằm trên cùng một dòng với các phần tử khác.

Vì phần tử khối không thể chứa các phần tử khác.

Vì phần tử khối tự động điều chỉnh kích thước theo nội dung.

Phần tử nội tuyến luôn chiếm toàn bộ chiều rộng của trang.

Phần tử nội tuyến không thể chứa các phần tử khối.

Phần tử nội tuyến bắt đầu một dòng mới.

Phần tử nội tuyến tự động xuống dòng khi gặp phần tử khối.

Sử dụng phần tử nội tuyến và áp dụng thuộc tính display: block.