当您从头开始构建网站时，从定义的基本样式开始是明智的。这就像从干净的帆布和新鲜的刷子开始。 Web设计人员面临的首要问题之一是Web浏览器都是不同的。默认字体大小因平台而异，默认字体系列不同，有些浏览器在body标签上定义边距和填充，而其他浏览器则没有，依此类推。通过定义网页的默认样式来解决这些不一致问题。
CSS和字符集
首先，将CSS文档的字符集设置为 UTF-8 。虽然您设计的大多数页面可能都是用英语编写的，但有些页面可能是针对不同语言和文化背景进行本地化调整的。如果是，utf-8简化了流程。在外部样式表中设置字符集不会优先于HTTP标头，但在所有其他情况下，它将优先于HTTP标头。
设置字符集很容易。对于CSS文档的第一行写：
@charset“utf-8”;
这样，如果您在content属性中使用国际字符或者作为类和ID名称，样式表仍然可以正常工作。 默认样式表需要的下一个方法是将边距，填充和边框清零。这可确保所有浏览器将内容放在同一位置，并且浏览器和内容之间没有任何隐藏空格。对于大多数网页而言，这距离文本的边缘太近，但重要的是从那里开始，以便正确排列背景图像和布局划分。 html，body { 保证金：0px; 填充：0px; 边框：0px; }
将默认前景或字体颜色设置为黑色，将默认背景颜色设置为白色。虽然这很可能会改变大多数网页设计，但首先在主体和HTML标签上设置这些标准颜色会使页面更易于阅读和使用。 html，body { 颜色：＃000; 背景：#fff; } 一旦设计成立，字体大小和字体系列将不可避免地发生变化，但是以默认字体大小1em和Arial，Geneva或其他一些无衬线字体的默认字体系列开始。 ems的使用使页面尽可能地易于访问，并且sans-serif字体在屏幕上更清晰。 html，body，p，th，td，li，dd，dt { 字体：1em Arial，Helvetica，sans-serif; }
可能还有其他地方可能会找到文字，但是 p , 日 , TD , 里 , DD ，和 DT 是定义基本字体的良好开端。包括 HTML 和 身体 以防万一，但如果您只为HTML或正文定义字体，许多浏览器会覆盖字体选项。 HTML标题非常重要，可用于帮助您的网站大纲，让搜索引擎更深入地访问您的网站。没有样式，它们都相当丑陋，因此在所有样式上设置默认样式，并为每个样式定义字体系列和字体大小。 h1，h2，h3，h4，h5，h6 { font-family：Arial，Helvetica，sans-serif; } h1 {font-size：2em; } h2 {font-size：1.5em; } h3 {font-size：1.2em; } h4 {font-size：1.0em; } h5 {font-size：0.9em; } h6 {font-size：0.8em; } 样式链接颜色几乎总是设计的关键部分，但如果你没有在默认样式中定义它们，你很可能会忘记至少一个伪类。用蓝色的一些小变化定义它们，然后在定义了网站的调色板后更改它们。 要以蓝色阴影设置链接，请设置： 如下例所示： a：link {color：＃00f; }a：访问{color：＃009; }a：悬停{color：＃06f; }a：active {color：＃0cf; }
通过使用相当无害的配色方案设置链接的样式，它确保您不会忘记任何类，并且使它们比默认的蓝色，红色和紫色稍微大一点。 这是完整的样式表： @charset“utf-8”; html，body { 保证金：0px; 填充：0px; 边框：0px; 颜色：＃000; 背景：#fff; } html，body，p，th，td，li，dd，dt { 字体：1em Arial，Helvetica，sans-serif; } h1，h2，h3，h4，h5，h6 { font-family：Arial，Helvetica，sans-serif; } h1 {font-size：2em; } h2 {font-size：1.5em; } h3 {font-size：1.2em; } h4 {font-size：1.0em; } h5 {font-size：0.9em; } h6 {font-size：0.8em; } a：link {color：＃00f; } a：访问{color：＃009; } a：悬停{color：＃06f; } a：active {color：＃0cf; } 设置页面主体的样式
默认字体样式
标题
不要忘记链接
完整样式表
