1. 程式人生 > >css權威指南 讀書筆記

css權威指南 讀書筆記

text ron :focus 表單 順序 系統 web letter 知識

網上看見推薦的書總是喜歡買回家,但是大多數時候都不會立即就看,都是在書櫥裏蒙上了一層灰塵。從畢業到現在,由於公司業務原因,寫js多余css,所以就想系統地看看css,並且做一些練習,於是就開始看《css權威指南》,看到了第六章,初步感覺,對於工作一年的我來說,很簡單,當然也有一些我不熟悉的知識點,於是整理了下來。 [email protected] 1、放在style容器中,且在其他css規則之前 [email protected] 二、選擇器 1、:first-letter 用於選取指定選擇器的首字母 2、選擇器的優先級 (1)用id選擇器設樣式:0,1,0,0
(2)用類選擇器、屬性選擇器、偽類:0,0,1,0 (3)用元素選擇器、偽元素:0,0,0,1 (4)通配符選擇器、連接符:0,0,0,0 3、偽類VS偽元素 作用相同,偽元素包括 :before、:after、:first-letter、:first-line 偽類包括 :link、:visited、:hover、:focus、:active、:first-child、:lang 三、值和單位 1、web安全色 指在256色計算機上總能避免抖動的顏色 用rgb表示的話,百分比要能被20%整除,整數要能唄51整除 十六進制法表示,使用值 00、33、66、99、CC和FF的三元組
2、字體使用引號 一般情況下是不用使用引號的,當字體中 (1)存在空格,如New York (2)存在%、$之類的符號 的時候,需要用引號來加以區分 四、字體 font中的屬性,前三個包括font-style、font-weight、font-variant,順序隨意,而且值為normal時可以忽略不寫;後兩個值為font-size和font-family,順序不能顛倒,且為必須項。line-height也可以寫在這個屬性中,在font-size後面加 /line-height 即可 五、文本屬性 1、縮進 text-indent 最常用的首行縮進 2、行高line-hright
line-hright比較好的用法是給一個數字,這樣縮放因子將是一個繼承值,根據自己的font-size計算line-height 3、vertiral-align 用於於行內元素和表單元素 4、文本轉換 text-transform 參數:uppercase、lowercase、capiticalize(首字母大寫)、none、inherit

css權威指南 讀書筆記