动画
@keyframes
animation
animation-name<br>
animation-duration
animation-timing-function
animation-delay
animation-iteration-count<br>
animation-direction
animation-play-state
animation-fill-mode<br>
用户界面
outline-offset 对轮廓进行偏移
resize 用户可调整的元素
cursor
not-allowed 禁用属性,非css3
多列布局
column-count
column-fill
column-gap
column-rule
column-rule-color<br>
column-rule-style
column-rule-width
column-span
column-width
columns
column-width column-count的简写
间接属性
break-after
break-before<br>
break-inside
多媒体查询
@media not | only mediatype and (expressions) { }
expressions
device-width
device-height
max-device-width
min-device-width
max-device-height
min-device-height
device-aspect-ratio
max-device-aspect-ratio
min-device-aspect-ratio
设备宽高比
monochrome
max-monochrome
min-monochrome
单色设备每像素单色元件数
背景和边框
border-radius 圆角边框
border
border-style
border-width
border-bottom-color
border-left-color
border-right-color
border-top-color
border-bottom-left-radius
border-bottom-right-radius
border-top-left-radius
border-top-right-radius
border-bottom-style
border-left-style
border-right-style
border-top-style
border-bottom-width
border-left-width
border-right-width
border-top-width
border-collapse
border-color
border-spacing
box-align
box-direction
box-flex
box-flex-group
box-lines
box-ordinal-group
box-orient
box-shadow 盒模型阴影
border-image 图片边框
border-image-source
border-image-slice
border-image-width
border-image-outset
border-image-repeat
background-size 背景图片尺寸
contain / cover / 100px 100px / 50% 100%
background
background-blend-mode
背景层的混合模式
background-position
设置背景图像位置
background-repeat
background-origin 背景图片定位区域
content-box / padding-box / border-box
background-clip 规定背景的绘制区域
content-box / padding-box / border-box
background-break
continuous / bounding-box / each-box<br>
background-image
支持多重背景,即支持多个图片背景
background-color
css3中对背景颜色的调整
background-repleat<br>
css3中新增两个属性<br>
space
图片以相同的间距平铺且填充整个标签元素
round<br>
图片自动缩放直到适应且填充整个标签元素
background-attachment
css3中新增属性
local
当标签元素滚动时它才有效(如设置overflow:scroll;),可以做到让背景随元素内容滚动而滚动了<br>
fixed / scroll / local
渐变
linear-gradient(direction, color-stop1, color-stop2...)<br>
线性渐变
linear-gradient(angle, color-stop1, color-stop2...)<br>
repeating-linear-gradient()<br>
重复线性渐变
radial-gradient(shape size at position, start-color,..., last-color)<br>
shape
circle <br>
ellipse
size
closest-side
farthest-side <br>
closest-corner<br>
farthest-corner
position
repeating-radial-gradient()
重复的径向渐变
文本效果
text-shadow 文本阴影
word-wrap 长文本换行
word-break
text-overflow 文本溢出
text-wrap<br>
text-outline
text-justify
text-emphasis
text-align-last
punctuation-trim
hanging-punctuation
字体 @font-face
font-family
src
font-stretch
font-style <br>
font-weight <br>
unicode-range