元素选择器优先级:
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:字体图标库
字体图标的好处:
无限放大不失真
提高网页性能
为响应式布局提供优秀图片解决方案
字体图标的缺点:
只能处理单种颜色
创作字符图标是很费时间
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:字体图标库
字体图标的好处:
无限放大不失真
提高网页性能
为响应式布局提供优秀图片解决方案
字体图标的缺点:
只能处理单种颜色
创作字符图标是很费时间