Css（样式）

CSS三种样式

1、行内样式

        ①将css样式与html，完全糅杂在一起，不符合w3c关于“内容与表现分离”的基本规范，不利于后期维护。

        ②优先级最高。

2、内部样式表

        ①一定程度将css样式与html进行分离，分离不彻底，无法实现样式复用。

        ②优先级低于行内样式。

3、外部样式

　　

1. <link href="o.css" rel="stylesheet" type="text/css">

        ①css与html彻底分离，方便样式复用和后期维护，符合w3c规范。

        ②优先级低于内部。

        ③推荐使用。

            rel--声明链接文档与当前文档的关系*

            href---被连接文档地址*

            type--类型

导入外部样式表的另一种方式

1. <style>
2. @import url("css/css1.css");
3. </style>

区别：

    ①link是标准html标签，而import不是

    ②import只能导入css，link可以链接各种形式的文件

    ③link使用链接方式，相当于html和css的桥梁。而import是导入，将css导入HTML中

    ④link在网页边加载边链接css，而import在html完全加载完后再导入css

        

null