引入css样式的四种方法

第一种：

1.嵌入式样式  特点：1)．嵌入式样式一定要写在style标签里。

                                2)．嵌入式样式只能作用在当前页面上。

<style> body{ background-image: linear-gradient(to right,red,lightblue,lightgreen); } </style>

代码演示：

2.行内样式  特点：1）. style是属性，style属性可以放在任何标签身上

                            2）.只能作用在当前页面的指定标签身上

<h1 style="color:#fff">为了实现这个目标 总书记也是拼了</h1>

代码演示：

3.外部样式（首先）样式表文件后缀名为css，

特点： 行内样式一定要写在link标签身上，通过link标签的href属性引入外部的一个css样式表

<link rel="stylesheet" href="./css/index.css">

4.导入样式

一个样式表的样式，导入到另外一张样式表中去使用。

特点:

       如果想把base.css导入到index1.css文件中去使用。我们在index1.css文件中的最上方，需要写

import "base.css";

注意:import“你指定要导入进来的样式表";

@import "base.css"; .w{ color: aqua }