html5初学day3

CSS样式的引入方式

1、行内样式

<p style="color:red;"></p>

设置p里面的文字的颜色为红色。

2、内嵌式

<title></title>

<style type="text/css">

p{

     color:red;

}

</style>

将CSS代码单独放到style 这个标签中。例如：对于p标签中的文字颜色设为红色。

3、外链式

引入一个外部的css文件（css属性写在一个.css文件中）
通过link这个标签引入
<link rel="stylesheet" href=".css">

外链式的优点：（项目中最常用的引入方式）
一个css文件可以多个html文件调取；
css文件和html文件分离，更加利于维护管理。

4、导入式(一般不用)

引入一个外部的css文件，通过@import 'url'
引入，@import 'url'需要和css属性放置在一个地方，并且需要在所有的css属性之前
如果@import 放在了css属性之后，它是失效的。

这四种CSS的引入方式的优先级别为：行内样式>内嵌>外链（就近原则）

注意事项：

1.不要使用行内样式
2.尽量不适用内嵌式
3.内嵌式和外链式都要写在head标签中（预先加载）
4.行内式的权重最高，其他三种没有权重，谁最后加载，谁的权重大（操作相同元素的相同css属性）