更新时间:2022-09-14 20:33:26
大家都知道我们习惯性称作的 CSS3 对于 CSS2.1 有很多的修改和补充。抛开浏览器的兼容性问题,这篇文章把所有的变化整理到一篇文章中便于学习和查阅。尽管我尽量确保收录了所有的新特性,但是不能保证没有遗漏,欢迎大家留言。
下面是 CSS3 新增的 CSS3 属性列表。
animation
(and eight associated longhand properties)background-clip
background-origin
background-size
border-radius
(and four associated longhand properties)border-image
(and six associated longhand properties)box-decoration-break
box-shadow
box-sizing
columns
(and thirteen associated multi-column properties)clear-after
flex
(and eleven associated flexbox properties)font-stretch
font-size-adjust
font-synthesis
font-kerning
font-variant-caps
hanging-punctuation
hyphens
icon
image-resolution
image-orientation
line-break
object-fit
object-position
opacity
outline-offset
overflow-wrap
/ word-wrap
backface-visibility
perspective
perspective-origin
pointer-events
(for HTML)resize
tab-size
text-align-last
text-decoration-line
text-decoration-skip
text-decoration-position
text-decoration-style
text-emphasis
(and three associated properties)text-justify
text-orientation
text-overflow
transform
transform-style
text-shadow
transition
(and four associated longhand properties)word-break
word-spacing
writing-mode
在 CSS3 中为 CSS2.1 新增的取值,下面是每个属性新值的列表。
background-attachment
propertyclip
propertyposition
propertyposition
propertybackground-repeat
propertybackground-repeat
propertycursor
propertydisplay
propertyfont-variant
propertyletter-spacing
propertytext-align
property, including "<string>", "match-parent", "start", "end", and "start end"text-decoration
is now a shorthand propertytfext-indent
propertytext-transform
propertyrem
units for lengthscalc()
units for lengthstoggle()
unitsdeg
, grad
, rad
, turn
)s
, ms
)下面是 CSS3 中新增的选择器。
[att^=val]
, [att$=val]
, [att*=val]
):target
pseudo-class:enabled
, :disabled
, :checked
, and :indeterminate
:root
pseudo-class:nth-child()
, :nth-last-child()
, :nth-of-type()
, :nth-last-of-type()
:last-child
, :first-of-type
, :last-of-type
, :only-child
, :only-of-type
, :empty
:not()
::first-line
, ::first-letter
,::before
, ::after
)p ~ img
)::selection
pseudo-class (removed from the spec, but everyone uses it)其它 CSS2.1 没有包含的特性。
@font-face
@keyframes
@supports
@namespace
上面的列表并不详尽,还有很多仍然在发展中的规范,并没有太多的浏览器支持,下面是这些新模块的列表。
@font-face
本文链接:前端文摘:史上最全的 CSS2.1 和 CSS3+ 的区别一览
编译来源:梦想天空 ◆ 关注Web前端开发技术 ◆ 分享网页设计资源
作者:山边小溪
主站:yyyweb.com 记住啦:)
欢迎任何形式的转载,但请务必注明出处。