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部分。