前端分享Web前端之路Web 前端开发

《图解CSS3》学习记录(01-概述)

2017-05-08  本文已影响17人  石宝宝

CSS3规范重复了部分CSS的内容,并在其基础上进行了很多增补和修改。

CSS3新特征:

1、强大的CSS3选择器;

2、创建特殊的视觉效果(圆角,阴影,渐变背景,半透明,图片边框等);

3、背景添加了多个属性值(background-origin,background-clip,background-size);

4、盒子模型的变化(CSS3弹性盒子);

5、多列布局和弹性盒模型布局(Flexible Box); 

6、Web字体和Web Font图标(@font-face);

7、颜色与透明度(HSL,HSLA,RGBA);

8、盒容器的变形(2D,3D);

9、CSS3过渡与动画效果(translation,animation);

10、媒体特性与响应式布局;

使用CSS3的好处:

1、让你的网站更加炫酷,使网站设计锦上添花。

2、减少开发与维护的成本。减少为了实现圆角与阴影等效果时,图片的使用和添加、嵌套多余的元素;同时使用CSS3实现动画或者过渡效果,减少了Javascript代码的数量。

3、提高页面性能。当页面上嵌套的元素,图片等资源减少,用户打开网页时需要加载的内容就越少,打开网站的速度就越快,更少的图片,脚本以及flash文件可以减少HTTP请求的数目,

上一篇下一篇

猜你喜欢

热点阅读