CSS3

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


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


一、边框

1)圆形边框

2)阴影边框

3)使用图片装饰边框



二、背景

1)背景图片可调整大小

2)多重背景图片

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


CSS3_第1张图片


三、文本

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


2)单词换行

CSS3_第2张图片

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


四、字体

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

2)可以拉伸等


五、2D\3D转换

图片的移位、翻转等

CSS3_第3张图片

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

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

CSS3_第4张图片

六、

CSS3 过渡

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


七、

CSS3 动画

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


八、文字多列


九、

CSS3 用户界面

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


你可能感兴趣的:(CSS3)