css3新特性有哪些

html-css017

css3新特性有哪些,第1张

CSS3 新特性

包括

CSS3 选择器(Selector)

@Font-face 特性、

Word-wrap &Text-overflow 样式

Text-decoration

多列布局(multi-column layout)

边框和颜色,颜色支持透明度(color, border)

渐变效果(Gradient)

阴影(Shadow)和反射(Reflect)效果

盒子模型

Transitions, Transforms 和 Animation

比如:@Font-face 特性

@font-face {

font-family: BorderWeb

src:url(BORDERW0.eot)

}

@font-face {

font-family: Runic

src:url(RUNICMT0.eot)

}

.border { FONT-SIZE: 35pxCOLOR: blackFONT-FAMILY: "BorderWeb" }

.event { FONT-SIZE: 110pxCOLOR: blackFONT-FAMILY: "Runic" }

更多参考:http://www.ibm.com/developerworks/cn/web/1202_zhouxiang_css3/

CSS3新特性

1. animation:动画

2. transition:动画速度

3. transform:变形

4. 伪元素

5. 边框

border-radius 圆角边框

box-shadow  盒子阴影

border-image 边框背景123

背景

background-size 背景大小

background-origin 背景的起始点

background-clip  背景的覆盖范围

background-image  设置背景图片1234

文本

text-shadow 文本阴影

text-wrap   文本换行

@font-face  设置字体