阅读量:132
CSS样式可以通过以下几种方式引入:
- 外部样式表:将CSS样式保存在一个独立的.css文件中,然后通过
<link>标签将该文件链接到HTML文件中。例如:
<link rel="stylesheet" href="styles.css">- 内部样式表:将CSS样式直接写在HTML文件的
<style>标签中。例如:
<style> body { background-color: #f0f0f0; } </style>
- 内联样式:将CSS样式直接写在HTML标签的
style属性中。例如:这是一段蓝色文字
- 导入样式表:在CSS文件中使用
@import规则引入其他CSS文件。例如:@import url("styles.css");需要注意的是,外部样式表和导入样式表需要在
<head></head>标签中引入,而内部样式表和内联样式可以在<head></head>或者<body></body>标签中引入。一般推荐使用外部样式表,因为它可以让样式与内容分离,提高代码的可维护性。