前端知识-单词集3:css2

复杂选择器

关键单词与符号:

• ~ [] ^ * $ :target :enabled :disabled :checked :first-child :last-child :empty :only-child :not() selector :first-letter :first-line ::selection

内容生成

:before content :after counter() chapter reset increment

多列

column count gap rule -moz- -webkit- Internet Explorer Opera Firefox Chrome Safari

CSS Hack

Quirks Mode Standard Almost DOCTYPE strict text center margin 0 auto overflow padding + - _ # \0 \9\0 !important + \9 <!--> gt greater than lt less gte equal lte if endif

转换

transform rotate() scale() orgin translate() deg skew() perspective Chrome Safari –webkit- translate() translate3d() rotate() rotate() rotate() rotate3d() scaleZ() scale3d()

过渡

transition :hover :active :focus property none all property duration s ms
timing function ease linear ease in out delay

动画

@keyframes animation fill mode play state Chrome Safari –webkit- Firefox –moz- Opera –o- name duration timing function ease linear ease in out delay iteration count infinite direction normal alternate none forwads backwards both play state paused running

CSS优化

HTTP sprites Image maps Reset src href