css的四种引入方式

  css的引入方式最常用的有三种:

 

第一:在head部分加入<link rel = "stylesheet" type = "text/css" hred = "**.css"/>,  引入外部的css文件。

  这种方法可以说是现在占统治地位的引入方法。如同浏览器与IE;这也是最能体现css特点的方法;最能体现div+css中的内容与现实分离的思想,也最易改版维护,代码看起来也是最美观的一种。

 

第二:在head部分加入

  <style type = "text/css">

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

  </style>

这种方法的使用情况要少的多,最常见得就是访问量大的门户网站。或者访问量较大的企业网站的首页。与第一种方法比起来有点突出,弊端也明显。直接在htnl文档中读取样式,缺点就是改版麻烦,单页面显得臃肿,css不能被其他html引用造成代码量先对较多,维护也麻烦。但是采用这种方法的公司大多有钱,对他们来说用户量是关键,他们不缺人进行复杂的维护工作。

 

第三:直接在页面的标签来加<div style = "border:1px red solid;">测试信息<div>

  这种放放风现在用的很少,很多公司不了解前端技术的领导还对这种写法很痛恨。认为html里不能出现css命令。其实有时候使用下也没有什么大不了。比如通用性差,效果特殊,使用css命令较少,并且不常改动的地方,使用这种方法反而是很好的选择。

 

第四:<style type="text/css">

@import uri (**css);

</style>

  这种方法很少用,很多人也不知道。这种引入方式,在IBM工作的时候,只能使用一种ajax框架,就是Dojo。而Dojo的css引用就是采用了@import的方式。这种情况非常少,主要用在css文件数量庞大的负责的系统中。另外@import本身是一个css命令,是放在css文件里的,这个跟link标签有很大的区别。

 

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。