美文网首页前端分享Web前端之路Web 前端开发
《图解CSS3》学习记录(01-概述)

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

作者: 石宝宝 | 来源:发表于2017-05-08 10:14 被阅读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请求的数目,

    相关文章

      网友评论

        本文标题:《图解CSS3》学习记录(01-概述)

        本文链接:https://www.haomeiwen.com/subject/snskwttx.html