CSS属性分类排序:
显示与浮动:display,float
定位:position,z-index
尺寸:width,height
边框相关:margin, padding, border, outline, border-radius
字体样式:font, color, text-shadow,
背景样式:background
其他样式:opacity, cursor,...
CSScomb css排序工具包
css权重规范:
css样式中尽量不要使用ID选择器
减少子选择器的层级
使用组合的CSS类选择器 (多组合,少继承)
页面尺寸设置:
尽量设置相对尺寸
只在可预知元素尺寸的情况下才使用绝对尺寸
使用rem/em设置字体大小
css选择器安排:
避免使用通配符
避免使用标签选择器及单个属性选择器作为关键选择器
不要在ID选择器前使用标签名
选择器层级最好不要超过三层
css图片处理:
不要设置图片的尺寸
使用CSS“雪碧”(CSS SPRite)技术
避免使用@import
Prefixr工具,css前缀
Autoprefixer工具
新闻热点
疑难解答