层叠样式表与样本样式表的概述
从头开始构建网站时，从定义的基本样式开始很明智。 这就像从一个干净的画布和新刷子开始。 网页设计师面临的第一个问题之一是网页浏览器都是不同的。 默认的字体大小因平台而异，默认字体系列不同，有些浏览器在body标签上定义边距和填充，而其他浏览器则不定义，等等。 通过为您的网页定义默认样式来解决这些不一致问题。
CSS和字符集
首先，将CSS文档的字符集设置为utf-8 。 尽管您设计的大多数网页可能都是用英文书写的，但有些网页可能会根据不同的语言和文化背景进行本地化。 当它们是时，utf-8简化了这个过程。 在外部样式表中设置字符集不会优先于HTTP头 ，但在所有其他情况下，它将会。
设置字符集很容易。 对于CSS文档的第一行写入：
@charset“utf-8”;这样，如果您在内容属性中使用国际字符或作为类和ID名称， 则样式表仍将正常工作。
设计页面主体的样式
默认样式表需要的下一件事是将边距，填充和边框清零。 这确保所有浏览器将内容放置在相同的位置，并且浏览器和内容之间没有任何隐藏空间。 对于大多数网页来说，这太靠近文字的边缘，但从这里开始非常重要，以便背景图像和布局分区正确排列。
html，body {margin：0px; padding：0px; border：0px; }将默认前景色或字体颜色设置为黑色，并将默认背景色设置为白色。 虽然这对大多数网页设计来说很可能会发生变化，但首先在主体和HTML标记上设置这些标准颜色使页面更易于阅读和使用。
html，body {color：＃000; 背景：#fff; }默认字体样式
字体大小和字体系列是一旦设计出现问题就不可避免地发生变化，但是以默认字体大小1 em和Arial，Geneva或其他sans-serif字体的默认字体系列开始。 ems的使用保持页面尽可能可访问，并且无衬线字体在屏幕上更易读。
html，body，p，th，td，li，dd，dt {font：1em Arial，Helvetica，sans-serif; }可能有其他地方可能会找到文本，但是， p ， th ， td ， li ， 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：visited {color：＃009; } a：hover {color：＃06f; } a：active {color：＃0cf; }通过使用相当无害的颜色方案对链接进行样式设计，可以确保我不会忘记任何类，并且使它们比默认的蓝色，红色和紫色响亮一点。完整样式表
这是完整的样式表：
@charset“utf-8”; html，body {margin：0px; padding：0px; border：0px; 颜色：＃000; 背景：#fff; } html，body，p，th，td，li，dd，dt {font：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：visited {color：＃009; } a：hover {color：＃06f; } a：active {color：＃0cf; }