在CSS中,我们通常使用外链式的方式引入样式表。外链式就是将CSS样式表放在一个外部文件里,然后在HTML文件中通过link标签引入。
具体步骤如下:
首先,我们需要创建一个新的CSS文件,比如说我们将其命名为style.css。
然后,在style.css文件中编写我们需要的CSS样式,比如说我们可以设置body的背景颜色为白色,字体颜色为黑色:
body {
background-color: white;
color: black;
}
编写完CSS样式之后,将该文件保存到我们项目的根目录下。
接着,在HTML文件中,我们通过link标签来引入该CSS样式表:
<!DOCTYPE html>
<html>
<head>
<title>外链式CSS样式表</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<p>这是一段测试文本。</p>
</body>
</html>
其中,link标签包含了两个属性,分别是rel和href。rel属性表示该链接和文档之间的关系,当我们引入CSS样式表时,需要将其设置为stylesheet。href属性表示样式表的位置,我们需要将其设置为样式表所在的路径和文件名。
最后,我们在HTML中使用p标签编写文本,例如:
<p>这是一段测试文本。</p>
通过以上步骤,我们就能够成功地在HTML页面中引入外部的CSS样式表,并对文本进行样式设置,达到美化页面的效果。
文章说明:
本文原创发布于探乎站长论坛,未经许可,禁止转载。
题图来自Unsplash,基于CC0协议。
该文观点仅代表作者本人,探乎站长论坛平台仅提供信息存储空间服务。