web前端基礎篇⑧

標籤：

1.偽類別選取器 都以冒號開始。
：focus 焦點的地方加樣式
：first－child 向元素的第一個子項目添加樣式
錨偽類：
a:link {color:red} 未訪問的連結
a:visited {color:yellow} 已訪問的連結
a:hover {color:green} 將滑鼠放在連結上
a:active {color:blue}按住連結的時候
hover必須放在link和visited後，才有效。
active必須放在hover之後，才有效。
2.虛擬元素選取器 也以冒號開始。
：first－letter 向文本的第一個字母添加樣式
：first－line 向文本的首行添加樣式
3.css基礎文法
多個聲明用；隔開
每個聲明由一個屬性和一個值組成
屬性和值用：隔開
聲明用；結束
屬性可簡寫
多個選取器用一個聲明的話 用，隔開
每個選取器可用多條聲明
不要在屬性和單位之間留空格，否則可能讀不出資料
4.權重值
一等：內聯（內嵌） 如style 1000
二等：id 如＃content 0100＝
三等：class、偽類 如.content 0010
四等：元素、虛擬元素 如div p 0001
＊、子項目、相鄰兄弟 無權值 0000
important本身沒權重值，為0000，但是如果有它的存在，會使所有權重值失效，它變成最高。
5.background－color 背景顏色 background－image 背景圖片 background－repeat 背景重複
background－size 背景圖尺寸
6.rgb 三原色 （255，0，0）紅色 （0，255，0）綠色 （0，0，255）藍色 （255，255，255）白色 （0，0，0）黑色
7.line－height 垂直置中 text－align水平置中 letter-spacing每個字／字母的間距 text-indent縮排元素中文本的首行
text-decoration添加修飾（none無修飾 underline底線 overline上劃線 line-through貫穿線）
direction文本方向（ltr左到右 rtl右到左） word-spacingyou空的地方設間隔
text-transform字母大小寫控制（capitalize首字母大寫 uppercase全大寫 lowercase全小寫）
8.font－size字型大小 font－style italic斜體 font－weight bold加粗 bolder更粗
9.list－style－image前面符號變圖片 list－style－image改變前面符號位置 list－style－type符號類型 建議簡寫
10.outline－color輪廓顏色 outline－style輪廓樣式 dotted點狀 dashed虛線 solid實線 double雙線
outline－width輪廓粗細 thin細 medium中等 thick粗

web前端基礎篇⑧