美文网首页CSS3探索
CSS新特性介绍

CSS新特性介绍

作者: 钢笔先生 | 来源:发表于2020-01-31 10:13 被阅读0次

    Time: 20200131

    本课程是技术胖的课程笔记。

    新特性介绍

    • CSS3选择器
    • 抛弃图片的视觉效果(不能完全抛弃图片)
    • 盒模型变化(多列布局和弹性盒模型)
    • 阴影效果(文本阴影,盒阴影)
    • Web字体和Web Font图标
    • CSS3过渡与动画交互效果
    • 媒体查询

    基于伪类选择器,使得结构与表现分离。

    HTML变得更少,更好维护。

    过渡就是简单的动画。

    媒体查询标志着工程师和切图仔的区别。

    三次浏览器世界大战

    • 网景 vs. IE
    • 火狐 vs. IE (2004)
    • Chrome(2008)

    手机端:Safari是iOS自带的浏览器。

    查看浏览器的市场份额

    https://tongji.baidu.com/research/site?source=index

    浏览器对CSS3的支持情况

    https://caniuse.com/

    渐进增强与优雅降级

    前者先满足大部分浏览器,后者则是先满足大部分用户,如Chrome用户。

    END.

    相关文章

      网友评论

        本文标题:CSS新特性介绍

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