CSS3总结

CSS3总结

目录

简介
选择器
边框
背景
颜色
文本
转换与过渡
动画
用户界面
伸缩盒
媒体查询
多列

简介

CSS3 被划分为模块，其中最重要的 CSS3 模块也就是上面目录所说的几个模块。

选择器

http://www.w3school.com.cn/cssref/css_selectors.asp

边框

新增加属性
border-radius
border-top-left-radius
border-top-right-radius
border-bottom-right-radius
border-bottom-left-radius
box-shadow
border-image
border-image-source
border-image-slice
border-image-width
border-image-outset
border-image-repeat

背景

background-origin
background-clip
background-size

颜色

opacity

文本

1⃣️文本
tab-size
word-break
word-wrap
overflow-wrap
text-align-last
text-justify
2⃣️文本装饰
text-decoration-line
text-decoration-color
text-decoration-style
text-decoration-skip
text-underline-position
text-shadow

转换与过渡

1⃣️转换
transform
transform-origin
2⃣️过渡
transition
transition-property
transition-duration
transition-timing-function
transition-delay

动画

animation
animation-name
animation-duration
animation-timing-function
animation-delay
animation-iteration-count
animation-direction
animation-play-state
animation-fill-mode

用户界面

appearance
text-overflow
outline-offset
nav-indexnav-up
nav-rightnav-down
nav-left
zoom
box-sizing
resize
ime-mode
user-select
pointer-events

伸缩盒

flex
flex-grow
flex-shrink
flex-basis
flex-flow
flex-direction
flex-wrap
align-content
align-items
align-self
justify-content
order

媒体查询

width
height
device-width
device-height
orientation
aspect-ratio
device-aspect-ratio
color
color-index
monochrome
resolution
scan
grid

多列

columns
column-width
column-count
column-gap
column-rule
column-rule-width
column-rule-style
column-rule-color
column-span
column-fill
column-break-before
column-break-after
column-break-inside