与我们为HTML创建单独的文本文件的方式相同，您将为CSS创建一个文本文件。如果您需要此过程的视觉效果，请参阅第一个教程。以下是在记事本中创建CSS样式表的步骤：
在记事本中选择“ 文件”>“新建”以获取一个空窗口
通过单击文件<另存为...将文件另存为CSS 。
导航到硬盘驱动器上的my_website文件夹
将“ 另存为类型：” 更改为“ 所有文件 ”
将您的文件命名为“ styles.css ”（省去引号），然后单击“ 保存”。
获得网站样式表后，您需要将其与网页本身相关联。为此，您可以使用链接标记。将以下链接标记放在pets.htm文档的<head>标记内的任何位置：
<link href =“ styles.css” rel =“ stylesheet” type =“ text / css”>
当您为不同的浏览器编写XHTML时，您将学到的一件事是，它们似乎都具有不同的边距和显示方式。确保您的网站在大多数浏览器中看起来相同的最佳方法是不允许将诸如边距之类的内容默认为浏览器的选择。
我们更喜欢从左上角开始，页面周围没有多余的填充或边距。即使我们要填充内容，我们也会将页边距设置为零，以便从相同的空白开始。
字体通常是您要在网页上更改的第一件事。网页上的默认字体可能很难看，实际上取决于Web浏览器本身，因此，如果您不定义字体，则您实际上不知道页面的外观。
通常，您将更改段落的字体，有时甚至更改整个文档本身的字体。对于此站点，我们将在标题和段落级别定义字体。
我们以1em作为段落和列表项的基本大小，然后使用它来设置标题的大小。我们不希望使用比h4更深的标题，但是如果您打算的话，也希望对其进行样式设置。