Css(样式)

时间:2023-03-09 13:13:42
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