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.屬性值

    屬性冒號后面的所有內容統一稱為屬性值。例如：1pxsolidrgb（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中有哪些專業術語這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是億速云，小編將為大家推送更多相關知識點的文章，歡迎關注！