CSS3 概述

1 什么是CSS3

2. CSS的新特性

  • 强大的CSS3选择器
  • 抛弃图片的视觉效果 圆角 阴影 渐变 半透明 图片边框, 可以通过CSS3实现,而不用借助于JavaScript或图片
  • 新增的背景功能
  • 盒子模型的变化
  • 阴影效果
  • 多列布局与弹性盒模型布局
  • Web字体与WebFont图标
  • 颜色与透明度
  • 圆角与边框
  • CSS变形
  • CSS过渡与动画交互
  • 媒体特性与Response布局

3. 浏览器对CSS3的支持情况

注意: 可以通过网站 https://caniuse.com/ 来查看浏览器对某个CSS模块的支持情况。

4. CSS3属性的私有前缀

在CSS3模块标准尚未被W3C批准或者标准所提议的特性尚未被浏览器完全实现时,浏览器厂商会使用所谓的私有前缀来测试“试验性的”CSS 特性。各大浏览器的私有前缀如下:

  • IE 浏览器 -ms-
  • firefox 浏览器 -moz-
  • chrome 浏览器 -webkit-
  • Safari 浏览器 -webkit-
  • opera 浏览器 -o-

results matching ""

    No results matching ""