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

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请求的数目,

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1、属性选择器:id选择器 # 通过id 来选择类名选择器 . 通过类名来选择属性选择器 ...
    Yuann阅读 1,655评论 0 7
  • 选择qi:是表达式 标签选择器 类选择器 属性选择器 继承属性: color,font,text-align,li...
    wzhiq896阅读 1,788评论 0 2
  • 选择qi:是表达式 标签选择器 类选择器 属性选择器 继承属性: color,font,text-align,li...
    love2013阅读 2,327评论 0 11
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,787评论 1 92
  • 新晋3%:芳芳、长青、万万、翔尹、慧莲、彩虹、开创、萻提、玉涵,翱翔、阳光、蓝天、康宇、大丽、草原、明明、文静、张...
    Amway博爱阅读 312评论 0 0