- 新增的選擇器標(biāo)簽甥郑,見下面第3條:css選擇器
- display:flex響應(yīng)式布局
- border-radius box-shadow text-shadow box-sizing font-face
- transform2D/3D轉(zhuǎn)換 (scale rotate translate) transition過渡(簡(jiǎn)單動(dòng)畫)
- animation 動(dòng)畫
- @media媒體查詢 max-width等判斷
- 多列布局:columns column-count column-gap column-span等
另:
1溜族、選擇器中單冒號(hào)和雙冒號(hào)的區(qū)別:
單冒號(hào)代表偽類,雙冒號(hào)代表偽元素蜀变。為了兼容舊版本瀏覽器,最好都寫單冒號(hào),但當(dāng)只需要支持高級(jí)版本時(shí)嗦明,建議偽類和偽元素區(qū)分寫。
2蚪燕、a錨點(diǎn)元素的偽類順序:lvha娶牌,即:
- :link 未點(diǎn)擊時(shí)的樣式
- :visited 鼠標(biāo)點(diǎn)擊后的樣式
- :hover 鼠標(biāo)懸停的樣式
- :active 鼠標(biāo)點(diǎn)擊后未抬起時(shí)的樣式
3、css選擇器:
// css2中的
div > p div下的直接子元素p
div + p 緊挨著div的p元素
:last-child :first-child
//四大偽類
[attribute~=value] 屬性包含值
// css3中的
div ~ p 前面有div的p元素(前面的兄弟節(jié)點(diǎn)中有div的p元素)(css3中的)
:nth-child(n) :nth-last-child(n) //n取值從0開始計(jì)算馆纳,但是數(shù)元素的時(shí)候诗良,是從1開始數(shù)的
tagName:nth-of-type className:nth-of-type(n) //選取父元素下的第N個(gè)XXX元素(要指定類型)
[attribute^=value]屬性以value開頭
[attribute$=value]屬性以value結(jié)尾
[attribute*=value]屬性包含值