html之四种方法导入css...

原文地址:http://hi.baidu.com/lizhanfu/blog/item/4dbc806499bed82fab184c9c.html

在html中,引入css的方法主要有行内式、内嵌式、导入式和链接式4种。

1.行内式:即在标记的style属性中设定css样式，这种方式本质上没体现出css的优势，因此不推荐使用。

2.嵌入式:在对页面中各种元素的设置集中写在<head>和</head>之间的，对于单个页面来说，这种方式很方便。

3.导入式:导入式格式如下：

@import url("testCss.css");

</style>

4.连接式:格式如下：

采用后两种方式后的显示效果略有区别，区别如下：

连接式：会在装载页面主体部分之前装载css文件，这样显示出来的网页从一开始就是带有样式效果的;

导入式：会在整个页面装载完成后再装载CSS文件，对于有的浏览器来说，

在一些情况下，如果网页文件的体积比较大，则会出现先显示无样式的页面，

闪烁一下之后再出现设置样式后的效果，从浏览者的感受来说，这是导入式的一个缺陷。

对于一些比较大的网站，为了便于维护，可能会希望把所有的css样式分类别放到几个CSS文件中，

这样如果使用连接式引入，就需要几个语句分别导入CSS文件。

如果要调整CSS文件的分类，就需要同时调整HTML文件，这对于维护工作来说，

是一个缺陷，如果使用导入式，则可以只引进一个总的CSS文件，

在这个文件中再导入其他独立CSS文件；而连接则不具备这个特性。

因此给大家的建议是：如果仅需要引入一个CSS文件，则使用连接方式；

如果需要引入多个CSS文件，则首先用连接方式引入一个“目录”CSS文件，

这个“目录”CSS文件中再使用导入式引入其他CSS文件。

如果希望用javascript来动态决定引入哪个css文件，则必须使用连接式才能实现

转载于:https://www.cnblogs.com/friendan/archive/2012/05/14/2838172.html

html之四种方法导入css...相关推荐

css切割图片是什么,两种方法实现css切割图片，只取图片中一部分
参考地址:http://www.jb51.net/css/150036.html 场景:如果一个页面有个img小图标,那么访问浏览器的时候会因为加载图片导致浏览速度放慢.这个时候将这么多的小图标放在一 ...
html中清除浮动的几种方式,清除浮动的几种方法-关于CSS清除浮动的几种方法
CSS清除浮动的3种方法,参考: 方法1: #test{clear:both;} #test为浮动元素的下一个兄弟元素方法2: #test{display:block;zoom:1;overflow ...
6种方法实现css布局水平居中
说到常见css布局,面试时经常也会考考大家,看对css知识掌握的咋样,对css盒模型理解没,比如会问css布局水平居中的方法或者css布局垂直居中的方法等,今天分享常见css布局水平居中的6种方法. ...
三种方法实现CSS三栏布局
本文由云+社区发表作者:前端林子本文会分别介绍三种CSS实现三栏布局的方法,可在浏览器中打开查看效果 1.方法一:自身浮动的方法实现方法:需要左栏向左浮动,右栏向右浮动,中间设左右margin来 ...
flex 底部固定_详解八种方法实现CSS页面底部固定
当我们在写页面时经常会遇到页面内容少的时候,footer会戳在页面中间或什么?反正就是不在最底部显示,反正就是很难看,下面要讲的布局就是解决如何使元素粘住浏览器底部, 方法一:footer高度固定+绝 ...
C语言程序设计之四种方法求n的阶乘
方式一:用while循环从1到n #include<stdio.h> int main(){int i=1,ret=1,n;//定义三个变量并给i,ret赋值scanf("%d& ...
教你三种方法导入单号并查询物流信息
怎么查询单号物流最简单?如何实现批量查询物流单号?今天小编给大家分享一个新技巧,它支持多家快递同时查询,一次能查询多个单号物流,下面一起来看看吧. 打开软件快递批量查询高手在[添加单号]中将单号导入, ...
mysql事务怎么加排他锁_八种方法实现CSS页面底部固定 - SegmentFault 思否
共享锁.排他锁 InnoDB 实现了两种类型的锁机制:共享锁(S)和排他锁(X).共享锁允许一个事务读数据,不允许修改数据,如果其他事务要再对该行加锁,只能加共享锁:排他锁是修改数据时加的锁,可以读取 ...
html+ul隐藏滚动条,2种方法实现CSS隐藏滚动条并可以滚动内容的方法
方法1:计算滚动条宽度并隐藏起来 html代码: Loremipsumdolorsitamet,consecteturadipiscingelit.Integervehiculaquamnibh,eu ...

html之四种方法导入css...

html之四种方法导入css...相关推荐

最新文章

热门文章