CSS3

87 阅读1分钟

css3其实现在的浏览器已经支持得很好了,并且有些属性,原来我之前已经不经意使用过,只是不知道那就是CSS3而已。

\

CSS3跟CSS2相比较,有哪些重大的变化或亮点?

\

一、边框

1)圆形边框

2)阴影边框

3)使用图片装饰边框

\

\

二、背景

1)背景图片可调整大小

2)多重背景图片

3)背景图片可精确定位在某个区域,CSS2也可以放在水平左中右,垂直上中下,但CSS3这里是指content-box、padding-box 或 border-box 区域

\

\

\

三、文本

1)特效(貌似IE很久之前就有,叫滤镜)

\

2)单词换行

\

在CSS2里面,汉字会自动换行,有时还要设置 white-space 来避免换行。但英文单词好像就不会自动换行,一直撑到天边。

\

四、字体

1)最酷的就是字体存储在服务器,如果指定的字体客户端没有,可以从服务器端下载

2)可以拉伸等

\

五、2D\3D转换

图片的移位、翻转等

\

2D转换以中心点为轴,3D转换以X、y轴为轴?

具体应用到网页上,可能会是这样:

\

六、

CSS3 过渡

通过 CSS3,我们可以在不使用 Flash 动画或 JavaScript 的情况下,当元素从一种样式变换为另一种样式时为元素添加效果。

\

七、

CSS3 动画

通过 CSS3,我们能够创建动画,这可以在许多网页中取代动画图片、Flash 动画以及 JavaScript。

\

八、文字多列

\

九、

CSS3 用户界面

在 CSS3 中,新的用户界面特性包括重设元素尺寸、盒尺寸以及轮廓等。

\