基础样式
在进行网站设计时，要做的第一件事是建立基础样式。为此，可以设置标记的样式，如清单 1 所示。
清单 1. body 标记的 CSS 基础样式

1 2 3 4 5 6 7 8 9

body{  background-color: #EEEEEE;  color: #000000;  margin: 0;  padding: 0;  text-align: left;  font-size: 100%;  font-family: sans-serif;  }

此标记将背景颜色设置为白色 (background-color)，以确保字体颜色是黑色的 (color)。它还可确保所有内容边缘都与浏览器窗口边框相匹配（margin 和 padding），而且标记将文本内容向左水平对齐 (text-align)。最后，该样式将字号设置为浏览器默认字号 (font-size) 并使用一个 sans-serif（也就是一种边缘四周没有细微装饰的字体）字体集 (font-family)。
当然，这是一些简单设置。一般而言，可应用以下指导原则：
●在指定颜色时，使用 Red-Green-Blue (RGB) 十六进制亮度值。
●在指定字号时，使用像素（有数字后的 px 表示）、em（由数字后的 em 表示）— 也就是说，字号乘以指定的数字 — 或百分比（由数字后的 % 表示）。
●文本可以左对齐、右对齐或居中。浮动属性也可左对齐或右对齐。垂直对齐必须是顶端、居中或底端对齐。
●字体可以是任何特定字体、字体集（serif、sans-serif 或 monospace）或任何一种可下载的字体。
在确定网站的设计时，一个最重要的决策是使用流式（fluid）布局还是固定布局。在固定布局 中，可以指定元素的高度和宽度，无论您使用何种操作系统或浏览器查看网站，这些值都是相同的。主要使用像素指定这些元素。在流式布局 中，元素的高度和宽度是灵活的，可基于浏览器窗口、操作系统或用户偏好而扩展或缩小。主要使用百分比和 em 指定这些元素。流式布局和固定布局各有其优缺点，选择哪种布局取决于内容类型、内容量和网站的访问群体。
将 CSS 应用到 (X)HTML
要开始应用您的 CSS，您需要告诉浏览器在哪里找到它。这应该是真正惟一 (X)HTML 引用 CSS 的地方。可以通过两种方式进行引用：“quick and dirty”< link> 标记。