css的三种引入方式

发布时间：2026-02-04 01:03:25 浏览次数：0

CSS (层叠样式表) 是用于定义网页的样式和布局的一种标记语言，有三种引入方式：内嵌式、内部样式表和外部样式表。

1. 内嵌式

内嵌式的CSS样式是直接嵌入在HTML文档的`

Welcome to My Website!

This is a paragraph.

```

2. 内部样式表

内部样式表是将CSS样式代码放置在`

This is a paragraph.

```

3. 外部样式表

外部样式表是将CSS样式代码放置在一个单独的`.css`文件中，并通过在HTML文档中使用`

`标签将其引入。外部样式表具有以下优点：

- 样式表可以在多个HTML文档中重复使用，提高了代码的重用性。

- 可以将样式与内容相分离，使得HTML文档更具可读性。

- 可以通过更改一个文件来同时改变多个HTML文档中的样式。

外部样式表的示例代码如下：

HTML：

```html

外部样式表CSS

This is a paragraph.

```

CSS (`styles.css`)：

```css

body {

background-color: lightblue;

font-family: Arial

sans-serif;

}

h1 {

color: red;

text-align: center;

}

p {

color: blue;

}

```