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)可以拉伸等
五、2D3D转换
图片的移位、翻转等
2D转换以中心点为轴,3D转换以X、y轴为轴?
具体应用到网页上,可能会是这样:
六、
CSS3 过渡
通过 CSS3,我们可以在不使用 Flash 动画或 JavaScript 的情况下,当元素从一种样式变换为另一种样式时为元素添加效果。
七、
CSS3 动画
通过 CSS3,我们能够创建动画,这可以在许多网页中取代动画图片、Flash 动画以及 JavaScript。
八、文字多列
九、
CSS3 用户界面
在 CSS3 中,新的用户界面特性包括重设元素尺寸、盒尺寸以及轮廓等。