作者:
Eric Farmer
创建日期:
3 行进 2021
更新日期:
1 七月 2024
内容
超文本标记语言 (HTML) 确定网页上存在哪些元素。层叠样式表 (CSS) 编程语言描述了这些元素的外观。CSS 文件可以作为外部样式表（CSS 作为单独文件添加）或内部样式表（CSS 包含在 HTML 文件中）添加到 HTML 中。了解如何在 HTML 文件中嵌入 CSS 以重新设计您的网站。
脚步
方法 1 of 2：如何设置外部样式表
1 创建一个 CSS 文件。 准备并保存一个带有“.css”扩展名的 CSS 文件。 
2 将 CSS 文件上传到您的网站。
3 复制 CSS 文件的地址 (URL)。 站点地址将如下所示： www.yoursite.com/stylesheet.css. - 从 URL 中删除主域名是一种很好的做法。基于此，地址 http://myisite.com/css/default.css 将被缩短为“/css/default.css”。请记住包含前导斜杠（“/”）。它被称为相对路径。
4 将链接插入文件。 在 HTML 文件中找到 /head> 标记并在其正上方创建一个空行。在该行中粘贴 LINK rel = stylesheet type = "text / css" href = "www.your_site.com / stylesheet.css">，用 CSS 文件中的链接替换“www.your ...”。 
5 保存 HTML 文件并将其上传到站点。
6 确保网站上的所有内容都应有尽有。 否则，重新打开 HTML 文件，查找错误并进行更改。
方法 2 of 2：如何插入内部样式表
- 1 创建标签样式>。 打开 HTML 文件并找到 /head> 标记。在其上方添加一些空行并输入以下内容：
STYLE type="text/css">/STYLE> 
1 将所有 CSS 粘贴在这两个标签之间。
2 保存 HTML 文件（带有 .html 扩展名）。
3 确保网站上的所有内容都应有尽有。 否则，进行所需的更改。
提示
- 始终检查网站在不同浏览器和不同操作系统上的外观。一些浏览器以稍微不同的方式连接到 CSS。它甚至可能发生在同一个浏览器中，但在不同版本的 Mac 和 Windows 上。如果您的站点在其他浏览器中看起来不同（例如，某些对象（例如列表）之间的间距大小不同），则问题在于该浏览器的设置。找到主样式表并将其粘贴到 CSS 文件的顶部以更改默认浏览器设置。这样做是为了让您的设置不会更改浏览器本身的任何内容。
- 如果可以，请插入外部样式表。这将允许您通过修改源文件中的代码来更改站点的外观。这样您就不必更改站点每个页面上的 CSS。
- 如果您的站点没有按照您期望的方式响应 CSS，请仔细检查整个编码以确保其拼写正确。尤其要特别注意分号 (";") 和右括号 ("}")。在 CSS 文件中省略这些字符之一是相当容易的。
- 将 HTML 文件保存到您的计算机，以便您稍后可以在各种 Web 浏览器中打开它，并在进一步下载之前仔细检查其外观。但是为了加载它，需要将 CSS 文件作为外部样式表插入到 HTML 中。
- 如果样式表自相矛盾——例如，它首先说文本是蓝色的，然后是红色的——最后一个条件将始终得到满足。如果一个命令是外部样式表而另一个是内部样式表，则内部样式表将处于活动状态。
警告
- 不要使用“开放”暂存 CSS，即包含在 HTML 标签中的 CSS。 （例如：“align = 'center'”是一个开放的 CSS 设置）。这是一个语法很差的过时选项。如果一段时间后您必须更新站点，则此设置将很难更改。
