css 的基础引入方式
warning:
这篇文章距离上次修改已过460天,其中的内容可能已经有所变动。
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的基础引入方式,实际项目中根据需要选择合适的方式。
评论已关闭