(图片来源网络,侵删)
1、创建CSS文件
创建一个CSS文件,例如命名为styles.css,在该文件中编写CSS样式规则。
2、在HTML文件中引入CSS文件
在HTML文件的<head>标签内,使用<link>标签引入刚刚创建的CSS文件。
“`html
<head>
<link rel="stylesheet" href="styles.css">
</head>
“`
rel属性表示关联关系,其值stylesheet表示这是一个样式表文件;href属性表示引入的CSS文件的路径。
3、应用CSS样式
在HTML文件中,通过设置元素的class或id属性,将CSS样式应用到对应的元素上。
“`html
<p class="highlight">这是一个带有样式的段落。</p>
“`
在styles.css文件中,可以编写如下样式规则:
“`css
.highlight {
color: red;
fontsize: 24px;
}
“`
这样,<p>标签中的内容将显示为红色、24像素大小的字体。
序号 步骤 1 创建CSS文件(例如styles.css),并编写样式规则 2 在HTML文件的标签内,使用标签引入CSS文件 3 在HTML文件中,通过设置元素的class或id属性,将CSS样式应用到对应的元素上