---
title: CSS引入方式
date: 2022-01-08 15:25:42
tags: [CSS]
categories: [CSS]
author: Anges黎梦
---

> css引入页面的方式有三种： 

## 1、内联式
> 通过标签的style属性，在标签上直接写样式。 

```html
<div style="width:100px; height:100px; background:red ">
    ......
</div> 
```

## 2、嵌入式
> 通过style标签，在网页上创建嵌入的样式表。 

```html
<style type="text/css"> 
    div{ 
        width:100px; height:100px; background:red 
    } 
    ...... 
</style>
```

## 3、外链式
> 通过link标签，链接外部样式文件到页面中。 

```html
<link rel="stylesheet" type="text/css" href="css/main.css">
```