前端规范css篇——样式重置 字体颜色 行间距

通常引入文件之前需要样式重置文件

比如ul，比如a，都需要重置样式，但是重置样式需要统一的规范。

所以选择以下两个文件，Normalize和reset

Normalize特点：相对平和，重置需要重置的，保留有用的。

reset：暴力重置，不管有用没用均重置，且跨浏览器执行。

汉字因为black颜色过于厚重，所以一般使用#333标题:

不同浏览器之间的行间距有不同的规范。

这是一个经验值，我个人最长采用的行间距是1.5倍，不同的产品对这个值要求可能不同，比如下图正文字号是16px，间距是24px

段落间距：行间距是段落间距的50%或者75%

正文：

10px－18px之间比较合适

12px是宋体能显示的极限，虽然微软雅黑能显示更小的字体，但目前的应用环境尚未成熟。由于宋体基本上是目前显示中文唯一的通用Web字体，所以12px成为最常用的字体大小。我们当然可以依据产品的需要来修改这个默认值。

标题:

在app界面设计中，标题与正文的文字差不会过大，网页上极差关系可以做的更大，更夸张，标题30px正文12px，这种做法可以让网页众多的文字信息，分清层级主次，用户更有视觉焦点。这一原则，不适用在移动端。移动端我们可以通过颜色，字重，等其他方式来做极差关系。

banner字体推荐

第一类，稳定型（协调，齐全，稳定，高质）

微软雅黑

冬青黑体

宋体

华文细黑

方正正中黑

方正兰亭系列

第二类，刚硬，锐利，清晰，强烈

造字工坊力黑体

造字工坊版黑体

造字工坊劲黑体

锐字逼格锐线体简

张海山锐线体

华康儷金黑

蒙纳超刚黑体

（更适用大气，热烈，权威，声明等主题）

第三类，轻松，手写，可爱，童趣，亲切

方正经黑

华康海报

汉仪小麦

方正稚艺

新蒂下午茶

汉仪歪歪体

新蒂小丸子

（适用于，游戏娱乐活动海报，h5广告页面，儿童／女性主题）

第四类，灵动，清新，秀雅，精致，古韵

方正清刻本悦宋简体

方正宋刻本秀楷体

汉仪全唐诗简

康熙字典体

祥南行书体

造字工房刻宋

（适用于复古，典雅，传统，品质，灵动等主题）