CSS3基础

元素选择器优先级：


  id选择器


  类选择器
 
  元素选择器


  通配符选择器（*选择器《最弱》）


--border-radius（圆角）


--box-shadow（阴影效果）


--border-image（图片边框）


--border-colors（为边框设置多种颜色）


--text-shadow(文本阴影)


--word-wrap(自动换行)


--@font-face（设置字体）


--media queries（媒体查询）




3D转换法


  rotateX()
 
  rotateY() 






CSS3特效


border-style：none、hidden、dotted（虚线）、dashed（打点）、solid、double（双实线）、groove、ridge、inset、outset


png格式：背景可以透明




@font-face：自定义字体


Font Awesome：字体图标库


字体图标的好处：


无限放大不失真


提高网页性能


为响应式布局提供优秀图片解决方案




字体图标的缺点：


只能处理单种颜色


创作字符图标是很费时间