CSS引入的三种方式
CSS的引入方式主要有以下三种:
- 内联样式:直接在HTML标签中使用
style
属性来设置样式。
<p style="color: blue;">这是一个蓝色的段落。</p>
- 内部样式表:在HTML文档的
<head>
部分,使用<style>
标签来包含CSS代码。
<head>
<style>
p {
color: red;
}
</style>
</head>
<body>
<p>这是一个红色的段落。</p>
</body>
- 外部样式表:创建一个CSS文件(比如
styles.css
),然后在HTML文档的<head>
部分,使用<link>
标签来引入这个CSS文件。
<!-- 在<head>部分引入外部CSS文件 -->
<head>
<link rel="stylesheet" href="styles.css">
</head>
styles.css 文件内容:
p {
color: green;
}
HTML文件将显示为绿色的段落文本。
评论已关闭