css引用_css引入HTML

2023-06-13 16:35:05 HTML文档中引用CSS样式方法,内联样式、内部样式表、外部样式表。

HTML文档中引用CSS样式方法,内联样式、内部样式表、外部样式表。

1、内联样式引入CSS:使用style属性直接在HTML元素上指定样式。例如:

<div style="color: red; font-size: 16px;">This is a div with inline styles</div>

2、内部样式表引用CSS:在HTML文档的head标签内部使用style标签来定义CSS样式。例如:

<head>
<style>
div {
color: red;
font-size: 16px;
}
</style>
</head>
<body>
<div>This is a div with internal styles</div>
</body>

3、外部样式表引用CSS:将CSS样式定义在一个外部的.css文件中,并在HTML文档中使用link标签引用该文件。例如:

在styles.css文件中定义样式:

div {
color: red;
font-size: 16px;
}

在HTML文档中引用外部样式表:

<head>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<div>This is a div with external styles</div>
</body>

通过上述方法之一,您可以将CSS样式应用到HTML文档中的元素中。请注意,外部样式表的链接应放置在head标签内部的head部分。

 

上一篇:设置div高度
下一篇:css间距_CSS间隔设置
更新