美文网首页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新特性介绍

    Time: 20200131 本课程是技术胖的课程笔记。 新特性介绍 CSS3选择器 抛弃图片的视觉效果(不能完全...

  • 精心点缀的文字:CSS Text Decoration

    大家很熟悉的 CSS2 用法 text-decoration ,到了 CSS3 就拥有很多新的特性。本文将介绍 L...

  • 精心点缀的文字:CSS Text Decoration

    大家很熟悉的 CSS2 用法 text-decoration ,到了 CSS3 就拥有很多新的特性。本文将介绍 L...

  • CSS相关文章

    前端面试之 CSS3 新特性 除了 HTML5 的新特性,CSS3 的新特性也是面试中经常被问到的。如何用 js ...

  • 前端技能概况

    html 块级元素、行内元素、盒子模型 H5新特性 css css3新特性 flex 布局 动画 js js基础 ...

  • css新特性

    2017 年要学习的三个 CSS 新特性 新的一年,我们有一系列新的东西要学习。尽管 CSS 有很多新的特性,但有...

  • 2020-01-02

    知识点: 1.H5的新特性 css3新特性 2.css的权重,css模块化 3.em,rem的区别 4.值引用,地...

  • 2022css面试题总结

    H5 的新特性 css3 新特性 div 盒子居中 css 的弹性盒模型和怪异盒模型 css 实现三角形 浏览器兼...

  • 2020-01-02

    知识点: 1.H5的新特性 css3新特性 2.css的权重,css模块化 权重: 元素的权重0.类选择器10.i...

  • HTML学习笔记(四)

    使用CSS样式表Web标准与CSS网页布局实例CSS3新特性 使用CSS样式表 CSS(Cascading Sty...

网友评论

    本文标题:CSS新特性介绍

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