引⼊样式表（css）的四种⽅式
⼀、使⽤style属性：将style属性直接加在html标签⾥。
<；标签 >
例如：
<td >
这种⽤法的优点是可灵巧应⽤样式于各标签中，但是缺点则是没有整篇⽂件的『统⼀性』。
⼆、使⽤style标签：将样式规则写在<style>...</style>标签之中。
<style type="text/css">
<!--
样式规则表
-->
</style>
例如：
<style type="text/css">
<!--
BODY {
  color: BLUE;
  background: #FFFFCC;
  font-size: 9pt}
TD, P {
  COLOR: GREEN;
  font-size: 9pt}
-
->
</style>
通常是将整个的 <style>...</style>结构写在⽹页的<head> </head>部份之中。
这种⽤法的优点就是在于整篇⽂件的统⼀性，只要是有声明的标签即会套⽤该样式规则。
textstyle缺点就是在个别标签的灵活度不⾜。
三、使⽤ LINK标签：
将样式规则写在.css的样式档案中，再以<LINK>标签引⼊。
假设我们把样式规则存成⼀个example.css的档案，我们只要在⽹页中加⼊
<LINK REL=STYLESHEET TYPE="text/css" HREF="example.css">
即可套⽤该样式档案中所制定好的样式了。通常是将LINK标签写在⽹页的<head></head>部份之中。
这种⽤法的优点就是在于可以把要套⽤相同样式规则的数篇⽂件都指定到同⼀个样式档案即可。缺点也是在个别⽂件或标签的灵活度不⾜。
四、使⽤@import引⼊：跟LINK⽤法很像，但必须放在<STYLE>...</STYLE> 中。
<STYLE TYPE="text/css">
<!--
  @import url(引⼊的样式表的位址、路径与档名);
-->
</STYLE>
例如：
<STYLE TYPE="text/css">
<!--
  @import url(yourweb/ example.css);
-->
</STYLE>

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。