css權威指南 讀書筆記
阿新 • • 發佈:2017-05-08
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權威指南 讀書筆記