備忘 CSS術語詞彙表張鑫旭

寫文章的時候經常用到一些css方面的專業詞彙。但是畢竟芳華年少不在，腦袋有點秀逗了，很多名詞都記不住，這種感覺比廁所便秘還難受。比如今天居然記不起來公司公認臉蛋最pp的同事的名字，沒想到我會記不住美女的名字。我覺得我背後一陣蕭瑟的秋風吹起，自己儼然成了漫畫裡面的程式猿——

某天閒逛到nimbupani，發現有專門展示css術語的文章，哇咔咔，感覺好像咬到一口正宗的高郵鹹鴨蛋一樣，不過人家的是英文，所以我還要本地化潤飾處理，然後，就可以留給自己備忘的哈，的說。

1. 屬性(property)

應用在選擇器上的樣式，比如說：border,background之流。

2. 值(value)

就是屬性擁有的值嘞。比如說：1px之類，的說~~

3. 關鍵字(keyword)

就是css裡面很重要，很關鍵的單詞，不可能用引號包裹的那個東東。比如說：solid,dotted,dashed之流，的說~~

4. 長度單位(length units)

就是值的單位，數字後面跟的些玩意。比若說，px,%,em等其他。

5. 功能符(functional notation)

值以函式的形式指定（就是被括號括起來的那種），主要用來表示顏色（rgba, hsla）、背景位址(url)、屬性值、過渡動畫等，好比說：rgba(0, 0, 0, 0.5),url('im.png'),attr('href'),scale(20)。關於功能符，更多參見這裡。

6. 宣告(declaration)

屬性名+值就是宣告的說，比如說：

background: red;

7. 宣告塊(declaration block){}花括號包裹的一系列宣告，如下所示：

8. 規則或規則集(rule or rule set)出現了選擇器，而且後面還尾隨著宣告塊，的說，比如：

.halibote7

9. 選擇器(selector)用來瞄準目標元素的東西，例如上面的.halibote7就是乙個選擇器的哈。更多選擇器，可以參閱這裡，或是看下面：

♀ 類選擇器(class)：一般而言，以」.」這個謙卑的點號開頭的選擇器。很多很多的元素可以用同乙個類選擇器的。類嘛，生下來就是被公用的命。

♀ id選擇器(id)：」#」打頭的，長得比較囂張。boss感覺，所謂一山不容二虎，id一般指向唯一元素，但是，css中，id樣式多用貌似也過得去，但是顯然不推薦這麼做的。

♀ 屬性選擇器(attribute selector)：就是長得類似下面div[title]{}，或是類似下面div[title="演示"]{}，或是類似下面div[title~="演示"]{}，或者是類似下面div[title^="演示"]{}，或者是類似下面，div[title$="演示"]{}或者是……

♀ 偽類選擇器(pseudo-classes)：一般前面有個英文冒號」:」的選擇器，例如說：:first-child或是:last-child等等等等。

♀ 偽元素選擇器(pseudo-elements)：怎麼說呢，就是會有連續兩個冒號的選擇器的說，好像：::first-line,::first-letter,::before,::after。我之前有篇文章：「使用css3改變文字選中的預設顏色」，就是使用偽元素選擇器實現。

10. 關係選擇器(combinators)

根據與其他元素的曖昧關係選擇元素的選擇器，常見的符號有空格( )，尖尖號(>)，加號(+)，還有彎彎號(~)等，於是就有了：

♂ 後代選擇器(descendant combinator)：類似#yayunhui h1{}，直接把合乎條件的子子孫孫都選擇了，的說~~

♂ 子選擇器(child combinator)：直接選擇兒子，而忽略孫子以及從孫等，尖尖號就是幹這個活的。

♂ 臨近兄弟選擇器(adjacent sibling combinator)：與其他元素直接相鄰的元素的什麼什麼的說~~

♂ 一般兄弟選擇器(general sibling combinator)：也是相鄰的，但是不那麼直接。

11. @規則(at-rules)

以@字元開始的一些規則，像是@import,@page,@media, 和@font-face諸如此類。

12. **特徵(media features)

使用media queries屬性，你可以根據不同的媒介有針對性的顯示樣式。當然，最常見的**特徵應該是min-width和min-height之類的了。

13. 商家指定擴充套件(vendor-specific extension)

就是一些私有屬性啦。比如常見的css3的一些私有字首啦，-moz-，或是-webkit-或是-o-或是-ms-之類的說，還有很多其他，ie瀏覽器下的私有屬性貌似更多的說，就不展開了。

誒呀呀，最後幾個詞義好難表述啊，可能有些不準確。就這些了，用做備忘足夠了，恩！

參考文章：css vocabulary

（本篇完）

備忘 CSS術語詞彙表張鑫旭

CSS術語詞彙表

elasticsearch的詞彙表

常用數學詞彙表

備忘 CSS術語詞彙表 張鑫旭

CSS術語詞彙表

elasticsearch的詞彙表

常用數學詞彙表

相關推薦

備忘 CSS術語詞彙表張鑫旭