css專業術語有哪些？ css專業術語介紹

這篇文章帶給大家的內容是關於css專業術語有哪些？ css專業術語介紹，有一定的參考價值，有需要的朋友可以參考一下，希望對你有幫助。

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

以上就是對css專業術語有哪些？ css專業術語介紹的全部介紹，如果您想了解更多有關CSS視頻教程#，請關注PHP中文網。

以上是css專業術語有哪些？ css專業術語介紹的詳細內容。更多資訊請關注PHP中文網其他相關文章！