css2.1 隨筆（1224）

4 語法和基本數據類型

4.3 值

4.3.2 長度

若是一個負長度值不被支持，它應該被轉化爲最相近（nearest）的支持值 

若是不接受負長度值的屬性被設置了一個負長度值，聲明會被忽略

規則：

h1 { line-height: 1.2em }

表示"h1"元素的行高將比"h1"元素的字體大小大20%，

另外一種狀況：

h1 { font-size: 1.2em }

表示"h1"元素的font-size將比"h1"元素繼承獲得的字體大小大20%

em'和'ex'參考該屬性的初始值

子元素不會繼承爲其父元素指定的相對值，而是繼承計算值

css中

相對單位有：

• em：相關字體的'font-size'
• ex：相關字體的'x-height'

絕對單位包括物理單位（

• in（英寸），
• cm（釐米），
• mm（毫米），
• pt（磅points、1pt等於1in的1/72），
• pc（倍卡picas、1pc等於12pt）

）和px

 ### 4.3.4 URL與URI

一個URI值的格式是'url('後面跟着可選的空白字符和一個可選的單引號(')或者雙引號(")字符，接着是URI自己，而後是一個可選的單引號(')或者雙引號(")字符，後面是可選的空白字符，最後是')'。兩個引號字符必須相同

沒有引號的示例：

li { list-style: url(http://www.example.com/redball.png) disc }

出如今無引號的URI中的一些字符，例如圓括號，空白字符單引號(')和雙引號(")，必須用反斜線轉義，確保結果URI值是一個URI token：'\('，'\)'

ps:最後這個簡直就是顏表情(●'◡'●)'\('，'\)'

4.3.5 計數器

有一個樣式表對每章(h1)的段落(p)進行計數。段落用羅馬數字計數，後面跟着一個句號和一個空格：

p {counter-increment: par-num} h1 {counter-reset: par-num}

p:before {content: counter(par-num, upper-roman) ". "}

5 選擇器

5.1 模式匹配

E[foo~="warning"]

匹配全部"foo"屬性值爲一列空格分隔的值，且其中之一剛好是"warning"的E元素

5.10 僞元素與僞類

• 僞元素創建了對超出文檔語言指定的文檔樹的抽象。（:before和:after僞元素提供了訪問生成的內容的方法）
• 僞類根據元素的特徵分類，而不是名字，屬性或者內容。

僞元素

:before和:after、:first-line、:first-letter

僞類

:first-child、:link與:visited、 :hover與:active與:focus、 :lang

僞元素和僞類都不會出如今源文檔或者文檔樹中

僞類容許出如今選擇器的任何位置，而一個僞元素只能跟在選擇器的最後一個簡單選擇器後面

僞元素名和僞類名都是大小寫不敏感的

有些僞類是互斥的（:link與:visited），而其它的能夠同時用在一個元素上。在規則衝突的狀況下，常規層疊順序決定結果

love hate

• a:link { color: red } /* unvisited links */
• a:visited { color: blue } /* visited links */
• a:hover { color: yellow } /* user hovers */
• a:active { color: lime } /* active links */

ps：個人理解是僞元素只與dom自己有關，僞類要與狀態有關