外链引入css有哪些方式_CSS的四种引入方式

CSS

的引入方式最常用的有三种，

第一：在

head

部分加入

rel="stylesheet" type="text/css" href="my.css"/>,

引入外部的

CSS

文件。

这种方法可以说是现在占统治地位的引入方法。如同

IE

与浏览器。这也是最能体现

CSS

特

点的方法；

最能体现

DIV+CSS

中的内容与显示分离的思想，

也最易改版维护，

代码看起来也

是最美观的一种。

第二：在

head

部分加入

div{margin: 0;padding: 0;border:1px red solid;}

这种方法的使用情况要少的多，

最长见得就是访问量大的门户网站。

或者访问量较大的企业

网站的首页。与第一种方法比起来，优点突出，弊端也明显。优点：速度

快，所有的

CSS

控制都是针对本页面标签的，

没有多余的ＣＳＳ命令；

再者不用外链ＣＳＳ文件。

直接在Ｈ

ＴＭＬ文档中读取样式。缺点就是改版麻烦些，单个页

面显得臃肿，ＣＳＳ不能被其他Ｈ

ＴＭＬ引用造成代码量相对较多，

维护也麻烦些。

但是采用这种方法的公司大多有钱，

对

他们来说用户量是关键，他们不缺人进

行复杂的维护工作。

第三：直接在页面的标签里加

测试信息

这种方法现在用的很少，

很多公司不了解前端技术的领导还对这种写法很痛恨。

认为ＨＴＭ

Ｌ里不能出现ＣＳＳ命令。

其实有时候使用下也没有什么大不了。

比如通用性差，

效果特殊，

使用ＣＳＳ命令较少，并且不常改动的地方，使用这种方法反而是很好的选择。

除了这三种常用的ＣＳＳ引入方式，还有种很多人都没有见过的引入方式

@import url(my.css);

这就是第四种引入方式。在ＩＢＭ工作的时候，只能使用一种

Ajax

框架，就是ＤＯＪＯ。

而ＤＯＪＯ的

CSS

引用，就是采用了

@import

的方式。这种情

况非常少，主要用在

CSS

文

件数量庞大的负责的系统中。另外

@important

本身是一个

CSS

命令，是放在

CSS

文件里的，

这个跟

LINK

标签有很大

的区别。