1.偽類選擇器:給鏈接定義樣式
正常鏈接 a:link
訪問過的鏈接 a:visited(只能定義字體顏色)
鼠標滑過的鏈接 a:hover
正在點擊的鏈接 a:active
- 1.獲取焦點 :focus 文本框背景
- 2.指定元素前 :before
- 3.指定元素后 :after
- 4.選中的元素 ::selection
首字母 :first-letter
首行 :first-line
before 最前面 after 最后面
2.屬性選擇器
- title 會在網(wǎng)頁中作為一個提示文字
- 例:
p[title] 同時選中title屬性得標簽
p[title="hello"] 選中title等于hello得標簽
p[title^="ab"] 以ab開頭
3.子元素選擇器
:first-child 既得滿足是第一個p標簽又得滿足是第一個標簽
:body>p:first-child 表示body標簽下得第一個p標簽
:last-child 選擇最后一個子標簽
:nth-child 選擇指定位置的子元素可以寫數(shù)字或者even(偶數(shù))odd(單數(shù))
:first-of-tytpe 選擇指定位置得子元素 所有p標簽里第一個就可以
:last-of-tytpe
4.兄弟元素選擇器
span+p{} 緊挨著span下面得p 后一個兄弟選擇器
span~p{} span下面得所有p元素 后邊所有兄弟
否定偽類
p:not(.hello) 除了hello以為得改
5.樣式繼承
背景邊框和定位不會被繼承
6.選擇器得優(yōu)先級(權重)
- 1.內聯(lián)樣式
- 2.id選擇器
- 3.類和偽類選擇器
- 4.元素選擇器
- 5.通配*,優(yōu)先級0
- 6.繼承的樣式?jīng)]有優(yōu)先級
7.文本標簽
em一段內容的著重點(斜體)
strong一段的重要性(加粗)
i 斜體 在H5中 i代表 icon(圖標)
b 加粗
small 小 表示細則或版權聲明等小字
big 大
cite 書名號 表示參考的內容
blockquote(塊)論壇引用某個人的評論
sup 設置上標
sub 設置下標
p標簽不能用塊
ins 插入內容 自動加下劃線
del 刪除 劃掉內容
code 表示一段代碼
pre 保留格式
8.列表
網(wǎng)頁中的三種列表
- 1.無序列表ul li(塊)
- 2.有序列表ol li(塊)
- 3.定義列表dl dt(被定義的內容) dd(對定義內容的描述)
去掉項目符號 list-style:none
9.單位
- px 像素
- % 根據(jù)父元素的大小計算子元素多大(根據(jù)父元素發(fā)生變化子元素也跟著改變)
- em 1em=1font-size