CSS 的引入方式

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>

注意,上述三种引入方式可以同时使用,且优先级顺序为:内联样式 > 内部样式表 > 外部样式表。