Bài 2: Cú pháp của CSS

Sau khi hiểu là nắm bắt được một số đặc tính của CSS chúng ta tiếp tục đi tìm hiểu về cú pháp và cách khai báo của các thẻ CSS

Cú pháp của CSS được chia làm 3 phần. phần thẻ chọn (selector), phần thuộc tính (property), phần nhãn (value).

selector {property: value}Nếu nhãn của bạn có nhiều từ bạn nên đặt nhãn của bạn vào trong dấu nháy kép

p {font-family: “sans serif”}
Trong trường hợp thẻ chọn của bạn nhiều thuộc tính thì các thuộc tính sẽ được ngăn cách bởi dấu (;).

p {text-align:center;color:red}Khi thẻ chọn có nhiều thuộc tính thì chúng ta nên để mỗi thuộc tính ở trên một dòng riêng biệt.

p {
text-align: center;
color: black;
font-family: arial
}

Chúc bạn thành công – www.ticsoft.com (Nguồn:  cssyeah )

Chương 2 – Cú pháp CSS

Cú pháp của một css:

tên_css { thuộc_tính: giá_trị_của_thuộc_tính; }

ví dụ:

body {

background: #eeeeee;

font-family: Verdana, Arial, serif;

}

Tính kế thừa:
như ví dụ trên thì tòan bộ các tag HTML có tên body + những tag HTML nằm trong body đều được định dạng theo body, nghĩa là background: #eeeeee và font-family: Verdana, Arial, serif; mà body là thẻ lớn nhất chưa nội dung của website cho nên tất cả các tag khác đều sử dụng các định dạng của body

trong trường hợp muốn sử dụng một định dạng khác trong một đối tượng nhỏ hơn body giả sử: p thì chỉ việc định nghĩa thêm đối tượng đó
p {font-family: Tahoma, serif;}
lúc này tất cả nội dung trong thẻ HTML đều có font là Tahoma chứ khônng phải Verdana của body

Tính kết hợp:
có thể định nghĩa nhiều css cùng một thuộc tính
ví dụ:

h1, h2, h3, h4, h5, h6 {

color: #009900;

font-family: Georgia, sans-serif;

}

=> định nghĩa cung một thuộc tính cho tất cả các tag h1,h2,h3,h4,h5,h6 thay vì phải định nghĩa:

h1{

color: #009900;

font-family: Georgia, sans-serif;

}

………………….

h6 {

color: #009900;

font-family: Georgia, sans-serif;

}

Ghi chú thích(comment)
các đoạn chú thích trong CSS được đặt trong dấu
/* This is a comment */

Chúc bạn thành công – www.ticsoft.com ( TG – phpbasic)