css的專業(yè)術語有哪些

這期內(nèi)容當中小編將會給大家?guī)碛嘘Pcss的專業(yè)術語有哪些，文章內(nèi)容豐富且以專業(yè)的角度為大家分析和敘述，閱讀完這篇文章希望大家可以有所收獲。

1. 屬性

如height、color等，稱作css的屬性。

2. 值

在css中，如：10px, 50%, #ccc等這些都稱作css的值。比較常見的類型值有：整數(shù)值，數(shù)值，百分比值，長度值，顏色值

3. 關鍵字

特指css里面一些很關鍵的單詞。如solid、absolute、block等都是關鍵字

4. 變量

css中目前可以稱為變量的很少，如：currentColor

5. 長度單位

（1）。 相對長度單位：分為相對字體長度單位和相對視區(qū)長度單位

相對字體長度單位，如em、ex、rem、ch（字符0的寬度）

相對視區(qū)長度單位， 如vh、vw、vmin和vmax

（2）。 絕對長度單位：如px、pt、cm等

6. 功能符

值以函數(shù)的形式指定，主要用來表示顏色（rgba和hsla）、背景圖片地址（url）、計算（calc）、過渡效果等。如rgba（0,0,0,0.5）、url（'a.png'）、scale（-1）

7. 屬性值

屬性冒號后面的所有內(nèi)容統(tǒng)一稱為屬性值。例如：1px solid rgb（0,0,0）

8. 聲明

屬性名加上屬性值就是聲明，例如： color: transparent;

9. 聲明塊

聲明塊是花括號{} 包裹的一系列聲明，例如：

{
height: 100px;
color: #ccc;
}

10. 規(guī)則或規(guī)則集

出現(xiàn)了選擇器，而且后面還跟著聲明塊。如

.nav {
color: tansparent;
width: 23px;
}

11. 選擇器

類選擇器，以"."開頭的選擇器，很多元素可以應用同一個類選擇器 如：。nav、。active

ID選擇器 ,以"#"開頭的選擇器，一般指向唯一元素。如：#header、#page

屬性選擇器， 指含有[]的選擇器， 如： input[type="text"] { }、[title~="css-world"] { }

偽類選擇器，指前面有個英文冒號的選擇器， 如：：first-child 、：nth-child（1）、：hover

偽元素選擇器， 有兩個連續(xù)英文冒號的選擇器， 如：：：after、 ::befor

12. 關系選擇器

后代選擇器， 選擇后代元素，空格連接， 如： .parent .child { }

相鄰后代選擇器（子選擇器）， 選擇合乎規(guī)則的第一層子元素（兒子），孫子、重孫、第二次子元素等忽略， 使用>連接，（IE7以上版本）如： .parent>.first-child { }

兄弟選擇器，選擇當前元素后的所有兄弟元素， ~連接， （IE7以上版本）如： .nav~.siblings { }

相鄰兄弟選擇器， 選擇當前元素相鄰的兄弟元素， + 連接，（IE7以上版本） 如： .header+.nav { }

13. @規(guī)則

以@字符開始的一些規(guī)則，如媒體查詢@media、字體@font-face

上述就是小編為大家分享的css的專業(yè)術語有哪些了，如果剛好有類似的疑惑，不妨參照上述分析進行理解。如果想知道更多相關知識，歡迎關注億速云行業(yè)資訊頻道。