CSS3新增属性

来源:互联网 发布:基站数据库下载 编辑:程序博客网 时间:2024/06/10 23:47

(1)背景与边框:

border-radius,box-shadow,border-image,

background-size(可能的取值:cover(撑满整个屏幕,某些部分也许无法显示在指定区域),contain(大小适应内容区域),length,percentage)

background-clip:规定背景的绘制区域,也就是说对背景图片进行剪裁(可以取的值有:border-box(背景被裁剪到边框盒),padding-box(背景被裁剪到内边距),content-box(背景被才见到内容框))

background-origin:相对于内容边框来定位背景图像(取值有border-box,padding-box,content-box)

(2)文本效果

text-shadow:设置文字阴影

word-wrap:允许长单词换行到下一行(取值有:normal(只允许在断字点换行),break-word(在长单词内部换行))

word-break:在恰当的断字点进行换行(取值有:normal(浏览器默认的换行),break-all(只允许在单词内换行),keep-all(只能在半角空格或者连字符处换行))

css3提出@font-face规则,规则中定义了font-family,font-weight,font-style,font-stretch,src,unicode-range

(3)2/3D转换

transform:向元素应用2/3D转换

transition:过渡

(4)动画

利用@keyframe规则:如animation,animation-name(规定动画的名称),animation-duration(动画周期)等属性值

(5)盒子模型中新增了box-sizing,在w3c盒子模型中,box-sizing取值为content-box,在IE盒子模型中,box-sizing取值为border-box

(6)新增了一些伪类,如nth-child(),nth-last-child()(这两者选择的子元素与类型无关),:not(),nth-of-type(),only-of-type()(这两者选择的子元素是具有特定类型的)