标签：style http color os java 使用 io 文件 ar
最常看见的CSS的使用方式有三种
1. 在span, div 等标签上直接使用 style 属性定义CSS
<span style="color:blue">This is Blue.</span>
<!--Add by oscar999-->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Author" CONTENT="oscar999">
<style type="text/css">
.blue{
color:blue
}
</style>
</HEAD>
<BODY>
<span class="blue">This is Blue.</span>
</BODY>
</HTML>
<!--Add by oscar999--> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> New Document </TITLE> <META NAME="Author" CONTENT="oscar999"> <link href="blue.css" rel="stylesheet" type="text/css" /> </HEAD> <BODY> <span class="blue">This is Blue.</span> </BODY> </HTML>
4. 除了以上方式之外， 还有一种方式就是使用 @import
<!--Add by oscar999--> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> New Document </TITLE> <META NAME="Author" CONTENT="oscar999"> <style type="text/css"> @import url(blue.css); </style> </HEAD> <BODY> <span class="blue">This is Blue.</span> </BODY> </HTML>
1. 来源与作用。 link 属于 XHTML 标签， 除了可以加载CSS外， 还可以定义RSS, 定义rel 连接属性等其他作用；
而@import 完全是CSS提供的一种方式， 只能加载CSS。
2. 加载顺序不同。 link 引用的CSS会在页面被加载的时候同时加载；
而@import 引用的CSS会等到页面全部被下载完再被加载， 所以有时候会出现开始没有样式，之后页面闪烁一下出现样式（在网速慢的时候会更明显）。
3. 兼容性的差别。 @import 是CSS2.1 提出的，老的浏览器不支持，IE5 以上的才能识别（不过现在来说，已经不是问题了，应该很少有使用IE5及以下的浏览器了）。
link 浏览器都支持。
4. 使用javascript 可以控制到 link, 但@import 却无法控制。
<!--Add by oscar999-->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Author" CONTENT="oscar999">
<link id="linkId" href="" rel="stylesheet" type="text/css" />
</HEAD>
<BODY>
<span class="blue">This is Blue.</span>
<script>
document.getElementById("linkId").href = "blue.css";
</script>
</BODY>
</HTML>这样的好处是便于修改和扩展。
CSS拆分成文件, 虽然对于开发和维护来说比较方便和清晰， 但是有一个缺点是会对网站服务器产生较多的HTTP请求。浏览量大的网站还是谨慎使用，像一些大型访问量大的网站的首页，会直接把CSS或js 直接写在html 中。
如果你想样式表并行载入，以使页面更快，请使用LINK 替代@import。
标签：style http color os java 使用 io 文件 ar
原文地址：http://blog.csdn.net/oscar999/article/details/18726995
