CSS3样式表的导入方法

CSS有四种导入样式的方法，下面将一一列举：

1.行内样式

      行内样式就是把css样式直接写在HTML标签中

      示例： <p style="color:red;">使用css来改变网页的样式</p>

     缺点：页面不干净，网页加载体积较大，这种写法也不利于后续维护 。

2.内嵌样式

      内嵌样式主要是将样式写在<style></style>标签对中

      示例：    <style type="text/css">
                 p{
                   color: red;
                   }
                   </style>

       缺点：各个页面无法共享css样式，每个页面定义一个的话，占用的体积也比较大，也不利于维护。

3链接样式

     链接样式主要是通过<link    />将css文件链到网页中

     示例：<link rel="stylesheet" type="text/css" href="css1.css">

     优点：实现了页面框架代码与表现CSS代码的完全分离，使得前期制作和后期维护都十分方便

4.导入样式

     导入样式和链接样式比较相似，采用@import样式导入CSS样式表，在HTML初始化时，会被导入到HTML或者CSS文件中，成为文件的一部分。

 示例：    <style type="text/css">
             @import url(css1.css);  /*  引用地址形式*/
            /*@import "css1.css";    直接写地址/
    </style>

四种导入方法的优先级：理论上是行内>内嵌>链接>导入

实际上   内联>另外三种，另外三种如果在同一个文件头部，谁离相应的代码近，谁的优先级高

总结：

如果同一css定义在不同的两个css文件中，css取后引入的样式，项目中往往将第三方组件的css放在靠前位置，自定义的css放在后边。

链接样式是在页面加载时，同时加载CSS样式

导入样式是读取html文件之后再进行样式加载

最后

以上就是无限纸飞机为你收集整理的CSS3样式表的导入方法的全部内容，希望文章能够帮你解决CSS3样式表的导入方法所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。