html中css的使用方式（四种）

1 内联引入

在元素上加属性style,格式：

<元素 style="属性1:属性值1；属性2：属性值2；"></元素>

缺点：

1.与html混合在一起，代码不美观

2.内联样式一次，只能对一个标签起作用，如果有多个相同属性，需要重复写很多

3.可维护性差

4.可复用性差

2.内嵌引入

在head中写style标签，style标签中写css，格式为：

<style>

选择器{

属性名：属性值；

属性名：属性值；

。。。

}

div{

font-size:20px;

color:#f00;

}

</style>

缺点：

1.可复用性差

2.维护性一般

3.与html混在一起，不美观

3.外部引入

将css样式内容独立为.css文件，在html中通过link标签引入

优点：

1.将css与html独立出来

2.可复用性高

3.可维护性高

文字大小

font-size:20px;

文本颜色

color:#f00

<link/>单标签

4.导入

@import导入文件，不推荐使用

<style>

@import url(css文件的路径)

</style>

内联优先级高于内嵌和外部引入

选择属性遵循就近原则 后写的会将先写的覆盖掉