重置样式是前端开发工程师在样式层叠表中可以控制的最底层基准样式,HTML文档中绝大部分标签都会继承重置样式中的样式定义,因而,重置样式将直接影响整个工程项目的样式层叠结构。
但目前常见的重置样式方案对于样式继承关系没有太多要求,并且部分样式定义与浏览器内部默认样式定义一致,造成一定的样式定义重叠冗余,csscute-reset项目的作用就是构建一个合理且高效的重置样式。
csscute-reset目前还处于实验阶段,实现过程并不完善,如果您愿意花点时间来研究并改进它,我们非常欢迎。
- 重置常见标签样式:html、body、p、pre、dl、dd、img、iframe、button、input、select、textarea、table、h1、h2、h3、h4、h5、h6、th、td、ol、ul、em。
- (注意)当前版本并未包含对HTML5标签的重置定义。
- 初始默认链接样式:默认链接样式及链接悬浮样式。
- 常用样式定义:清除浮动、隐藏元素、省略号、人民币价格表示、文字适配。
- 常用普遍原则:没必要定义全部的HTML标签样式,仅选取真实项目中一部分最为常用的标签。
- 单一定义原则:同一标签的同一形态仅有一组规则集定义。
- 最小继承原则:与的部分样式定义会继承至内部各子元素,保证始终只有最少的样式定义发生继承。
- 表单安全原则:表单元素在不同操作系统及不同浏览器下UI表现存在差异,为了不影响实际的展现,样式定义需优先保证不破坏原有UI特效。
- 字体统一原则:不同页面对同一标签的样式定义存在差异,为避免不必要的样式差异处理,所有网页字体定义需要保持统一。