css 的基础引入方式
CSS的基础引入方式主要有以下几种:
- 内联样式:直接在HTML标签的
style
属性中写入CSS代码。
<div style="color: red;">红色文本</div>
- 内部样式表:在HTML文档的
<head>
标签中使用<style>
标签包含CSS代码。
<head>
<style>
p { color: blue; }
</style>
</head>
- 外部样式表:创建一个CSS文件(比如
styles.css
),然后在HTML文档的<head>
标签中使用<link>
标签引入。
<head>
<link rel="stylesheet" type="text/css" href="styles.css">
</head>
其中,styles.css
文件包含了CSS规则:
body {
background-color: #f3f3f3;
}
- @import 规则:在内部样式表中使用
@import
规则引入外部CSS文件。
<head>
<style>
@import url('styles.css');
</style>
</head>
以上是CSS的基础引入方式,实际项目中根据需要选择合适的方式。
评论已关闭