CSS(层叠样式表)可以通过以下几种方式进行引入:
又称外联式
将CSS代码保存在一个独立的CSS文件中,然后使用<link>
标签将该文件引入到HTML文件中。示例代码如下:
<link rel="stylesheet" type="text/css" href="styles.css">
其中,styles.css
是CSS文件的路径。
又称内嵌式
直接在HTML文件的<head>
标签中使用<style>
标签来定义CSS样式。示例代码如下:
<head>
<style>
/* CSS样式代码 */
</style>
</head>
又称行内式
直接在HTML元素的style
属性中定义CSS样式。示例代码如下:
<p style="color: red; font-size: 16px;">这是一段红色的文字</p>
注意,上述三种引入方式可以同时使用,且优先级顺序为:内联样式 > 内部样式表 > 外部样式表。