1. 屬性
如height、color等，稱作css的屬性。
2. 值
在css中，如：10px, 50%, #ccc等這些都稱作css的值。比較常見的型別值有：整數值，數值，百分比值，長度值，顏色值
3. 關鍵字
特指css裡面一些很關鍵的單詞。如solid、absolute、block等都是關鍵字
4. 變數
css中目前可以稱為變數的很少,如：currentColor
5. 長度單位
(1). 相對長度單位：分為相對字型長度單位和相對視區長度單位
-
相對字型長度單位,如em、ex、rem、ch(字元0的寬度)
-
相對視區長度單位, 如vh、vw、vmin和vmax
(2). 絕對長度單位：如px、pt、cm等
6. 功能符
值以函式的形式指定，主要用來表示顏色(rgba和hsla）、背景圖片地址(url)、計算(calc)、過渡效果等。如rgba(0,0,0,0.5)、url(`a.png`)、scale(-1)
7. 屬性值
屬性冒號後面的所有內容統一稱為屬性值。例如：1px solid rgb(0,0,0)
8. 宣告
屬性名加上屬性值就是宣告,例如: color: transparent;
9. 宣告塊
宣告塊是花括號{} 包裹的一系列宣告，例如：
{
height: 100px;
color: #ccc;
}
10. 規則或規則集
出現了選擇器，而且後面還跟著宣告塊。如
.nav {
color: tansparent;
width: 23px;
}
11. 選擇器
-
類選擇器，以”.”開頭的選擇器,很多元素可以應用同一個類選擇器 如：.nav、.active
-
ID選擇器 ,以”#”開頭的選擇器，一般指向唯一元素。如：#header、#page
-
屬性選擇器, 指含有[]的選擇器， 如: input[type=”text”] { }、[title~=”css-world”] { }
-
偽類選擇器，指前面有個英文冒號的選擇器， 如：:first-child 、:nth-child(1)、:hover
-
偽元素選擇器， 有兩個連續英文冒號的選擇器， 如：::after、 ::befor
12. 關係選擇器
-
後代選擇器， 選擇後代元素，空格連線, 如： .parent .child { }
-
相鄰後代選擇器(子選擇器), 選擇合乎規則的第一層子元素(兒子)，孫子、重孫、第二次子元素等忽略, 使用>連線，(IE7以上版本)如： .parent>.first-child { }
-
兄弟選擇器,選擇當前元素後的所有兄弟元素， ~連線, (IE7以上版本)如： .nav~.siblings { }
-
相鄰兄弟選擇器， 選擇當前元素相鄰的兄弟元素， + 連線,(IE7以上版本) 如： .header+.nav { }
13. @規則
以@字元開始的一些規則，如媒體查詢@media、字型@font-face