XHTML文件中引入CSS样式呢？
、使用STYLE属性
将STYLE属性直接加在个别元件标签里<元件(标签)STYLE=\"性质(属性)1:设定值1;性质(属性)2:设定值2;...}
例如:
\" style=\"margin:0px 2px -3px 0px\" alt=\"div css xhtml xml Example Source Code\"/> Example
Source Code [www.52css.com]
<tdstyle=\"color:#c00;font-size:15px;line-height:18px;>
我爱CSS-www.52css.com
</td>
这种思路方法优点:可灵巧应用样式於各标签中方便于编写代码时使用
这种思路方法缺点:没有整篇文件“统性”在需要修改某样式时候也变比较困难
2、使用STYLE标签
将样式规则写在<STYLE>...</STYLE>标签的中
\" style=\"margin:0px 2px -3px 0px\" alt=\"div css xhtml xml Example Source Code\"/> Example
Source Code [www.52css.com]
<STYLETYPE=\"text/CSS\">
<!--
样式规则表
-->
</STYLE>
例如:
\" style=\"margin:0px 2px -3px 0px\" alt=\"div css xhtml xml Example Source Code\"/> Example
Source Code [www.52css.com]
<STYLETYPE=\"text/css\">
<!--
body{
color:#666;
background:#f0f0f0;
font-size:12px;
}
td,p{
color:#c00;
font-size:12px;
}
-->
</STYLE>
通常是将整个<STYLE>...</STYLE>结构写在网页<HEAD></HEAD>部份的中
这种思路方法优点:整篇文章有了统性只要是有声明元件即会套用该样式规则
这种思路方法缺点:个别元件灵活度不足整站功能性较弱
3、使用LINK标签
将样式规则写在.css样式文件中再以<link>标签引入
假设我们把样式规则存成个example.css档案我们只要在网页中加入:
\" style=\"margin:0px 2px -3px 0px\" alt=\"div css xhtml xml Example Source Code\"/> Example
Source Code [www.52css.com]
<linkrel=stylesheettype=\"text/css\"href=\"example.css\">
这样引入该css样式表文件以后就可以直接套用该样式档案中所制定样式了通常是将link标签写在网页
<head></head>部份的中
这种思路方法优点:可以把要套用相同样式规则数篇文件都指定到同个样式文件中可以进行统修改也便于整
站设置有统风格般css网页布局都使用此种思路方法
这种思路方法缺点:在个别文件或元素灵活度不足
4、使用@import引入
跟link思路方法很像但必须放在<STYLE>...</STYLE>中:
\" style=\"margin:0px 2px -3px 0px\" alt=\"div css xhtml xml Example Source Code\"/> Example
Source Code [www.52css.com]
<STYLETYPE=\"text/css\">
<!--
@importurl(引入样式表位址、路径和档名);
-->
</STYLE>
例如:
\" style=\"margin:0px 2px -3px 0px\" alt=\"div css xhtml xml Example Source Code\"/> Example
Source Code [www.52css.com]
<STYLETYPE=\"text/css\">
<!--
@importurl(css/example.css);
-->
</STYLE>
要注意是行末分号是必须！千万不能漏写！
这种思路方法优点:可以灵活引入css文件对xhtml元素进行控制有时候也用来编写某些csshack
这种思路方法缺点:在个别文件或元素灵活度不足
5、使用<span></span>标记引入样式
例如:\" style=\"margin:0px 2px -3px 0px\" alt=\"div css xhtml xml Example Source Code\"/> Example
Source Code [www.52css.com]
<spanstyle=\"font:12px/20px#000000;\">我爱CSS-www.52css.com</span>
这种思路方法优点:可灵巧应用样式於各标签中方便于编写代码时使用
这种思路方法缺点:没有整篇文件“统性”在需要修改某样式时候也变比较困难