css样式表的三种样式？

CSS（Cascading Style Sheets）是一种用于控制网页样式的语言。CSS 可以控制 HTML 元素的大小、颜色、字体、布局等各个方面，使得网页的呈现更加美观、整洁、易于阅读。在 CSS 中，样式可以按照不同的方式定义，可以分为三种类型：内联样式、内部样式和外部样式。

一、内联样式

内联样式是指直接将 CSS 样式代码写在 HTML 元素内，用于针对单个元素进行样式设置。内联样式的格式如下：

```html

```

其中，style 属性用于指定元素的样式，属性和属性值之间使用冒号分隔，多个属性之间使用分号分隔。比如下面的例子，将 div 元素的字体颜色设置为红色：

```html

```

内联样式的优点是简单、直观，能够快速实现样式效果；缺点是不利于维护和管理，不同元素之间的样式不能共享，容易造成代码冗余。

二、内部样式

内部样式是指将 CSS 样式代码写在 HTML 文件的头部内，用于针对当前页面内的所有元素进行样式设置。内部样式的格式如下：

```html

```

其中，选择器用于选中需要设置样式的元素，属性和属性值之间使用冒号分隔，多个属性之间使用分号分隔。比如下面的例子，将所有 h1、h2、h3、p 元素的字体颜色设置为红色，字体样式设置为宋体：

```html

```

内部样式的优点是样式代码与 HTML 关联紧密，便于维护和管理；缺点是仅限于当前页面，不能被其他页面所共用，因此不利于样式的复用和扩展。

三、外部样式

外部样式是指将 CSS 样式代码写在单独的 CSS 文件中，用于针对整个网站进行样式设置。外部样式的格式如下：

```html

```

其中，link 元素用于引入外部样式表文件，href 属性指定外部样式表文件的路径。比如下面的例子，将样式代码写在 "style.css" 文件中，然后将其引入到 HTML 文件中：

```html

```

在 "style.css" 文件中，可以定义所有页面的样式，例如：

```css

/* 定义样式 */

h1, h2, h3, p {

color: red;

font-family: 宋体;

}

/* 定义多个选择器的样式 */

a:hover, a:active {

text-decoration: underline;

}

/* 定义类选择器的样式 */

.myclass {

background-color: yellow;

}

/* 定义 ID 选择器的样式 */

#myid {

border: 1px solid black;

}

```

外部样式的优点是样式代码与 HTML 文件分离，便于维护和管理，同时可以被多个页面所共用，提高了代码的复用性和可扩展性；缺点是需要额外的 HTTP 请求来加载样式文件，会对网页的加载速度产生一定的影响。通常情况下，为了提高页面的性能，建议将外部样式表文件进行缓存，避免重复加载。