方法1方法1/2：向html添加外部样式表

1. 1创建CSS文件。用“.CSS”文件类型准备并保存CSS文件。

2. 2将你的CSS文件上传到你的网站。

3. 3复制CSS文件的URL。URL可能看起来像www.yoursite。com/样式表。css。从链接（URL）中删除主域名是一种很好的方式。因此，URL为“http://mysite.com/css/default.css“将被缩短为“/css/default”。css“。必须包含前导斜杠（“/”）。这称为相对路径。

4. 4添加指向该文件的链接。找到&lt/头&gt；标记，并在标记上方创建一条空行。添加&lt；LINK rel=stylesheet type=“text/css”href=“www.yoursite.com/stylesheet.css”&gt；改成“www.your…”指向CSS文件的链接。

5. 5保存你的HTML文件，并上传到你的网站。

6. 6.确认你网站上的所有东西都是它应该看起来的样子。如果没有，你可能需要回去寻找你需要做的任何修正或调整。

方法2方法2/2：向html添加内部样式表

1. 1创建&lt；风格&gt；标签在HTML文件中，找到&lt/头&gt；标签在上面多加几行，然后键入以下内容：

<风格 类型=“文本/css”> </风格>

1. 1在刚刚添加的两个标记之间添加所有CSS。

2. 2保存您的HTML文件（作为HTML）。

3. 3.确认你的网页看起来像应该的样子。如果不需要，进行必要的更改。

• 在不同的网络浏览器和不同的计算机系统上检查网站的外观。有些浏览器使用的CSS有点不同，甚至在同一浏览器的Mac和Windows版本之间也是如此。如果你的网站在不同的浏览器中看起来不同，特别是在列表等特定对象的间距上，那么问题在于浏览器的默认设置。找到一个主样式表添加到CSS的开头，以覆盖所有浏览器默认设置，这样您的设置就不会添加到浏览器已经设置的任何内容中。。
• 如果可以选择，请使用外部样式表。这样做可以让您通过更改一个命名文件中的代码来调整网站外观，而不必更改网站中每个页面上的CSS。
• 如果你的网站没有像预期的那样响应你的CSS，请仔细检查你的所有代码，确保你没有忘记细节。特别注意分号（“；”）和结束箭头括号（“}”）。在CSS中漏掉一个并不罕见。
• 如果将HTML文件保存到计算机中，可以在web浏览器中打开该文件，在上载之前检查计算机上的外观，但可能需要将CSS作为HTML文件中的内部样式表，以便加载外观。
• 当样式表自相矛盾时——例如，如果它先说文本为蓝色，然后说文本为红色——后面的条件将始终适用。如果一个命令位于外部样式表中，另一个命令位于内部样式表中，则将应用内部命令。