css3知识架构树
2018-06-18 17:09:58 132 举报AI智能生成
CSS3的部分大纲，第一个做这个，如有错误，请通知我，谢谢
作者其他创作
大纲/内容
属性选择器
E[att^="val"]
E[att$="val"]
E[att*="val"]
初级伪类选择器
E:root
E:not
E:empty
E:target
伪类选择器
：first-child
:last-child
:nth-child()
:nth-last-child()
:first-of-type
：last-of-type
:nth-of-type()
:nth-last-of-type()
：only-child
：enabled
:disabled
transform
rotate ()
scale()
skew()
translate()
columns
column-width
column-count
column-gap
column-rule
column-rule-width
column-rule-style
column-rule-color
column-span
盒模型
W3C标准盒模型
content-box
IE6混杂模式盒模型
border-box
透明色颜色值
动画
transform-style
flat
preserve-3d
perspective
perspective-origin
backface-visibility
visible
hidden
transition
transition-property
transition-duration
transition-timing-function
transition-delay
animation
animation-name
animation-duration
animation-timing-function
animation-delay
animation-direction
normal
reverse
alternate
alternate-reverse
animation-iteration-count
n
infinite
animation-fill-mode
none
forwards
backwards
both
animation-play-state
running
paused
弹性盒子
设置在项目(子元素)上
1、flex-grow
2、flex-shrink
3、flex-basis
4、flex
5、order
6、align-self
设置在容器上
1、flex-direction
row
row-reverse
column
column-reverse
2、flex-wrap
nowrap
wrap
wrap-reverse
3、flex-flow
5、align-items
flex-start
flex-end
center
baseline
stretch
6、align-content
flex-start
flex-end
center
space-between
space-around
stretch
4、justify-content
flex-start
flex-end
center
space-between
space-around
transform-origin
收藏
职业：本科
0 条评论
下一页
