网页排版CSS教学(8) <TR><TD class=a width=560><DIV class=bg_orange align=center>连 结 拟 似 特 性 的 应 用</DIV></TD></TR><TR><TD><TABLE cellSpacing=0 cellPadding=0 width=561><TBODY><TR class=article><TD class=b><BR> 还记得在HTML的基本语法，在BODY标签中可 以用link、alink、vlink属性去控制可连结或已连结的字体颜色吗？现在亦可用ＣＳＳ去控制这些性质，称为『拟似类别』（pseudo class）。您可以将其当作一般类别，声明其样式规则，而实际上，这些拟似类别并不用像上面讲的类别挑选者，在HTML原始码中再 行设定指向的类别（CLASS）。下面介绍拟似类别的声明与应用。<BR><BR><SPAN class=c>一般的声明方式：</SPAN>拟似类别是以冒号来声明。 <DIV>只要在<STYLE>...</STYLE>架构中加入下面的声明後，则页面中的连结文字就会依您设定的样式显式了！ <DIV class=ex><SPAN class=e>A:link { 样式 规则 }<BR>A:active { 样式规则 }<BR>A:visited { 样式规则 }<BR>A:hover { 样式规 则 }</SPAN></DIV>A:link用以设定未参观连结的样式规则。A:active用以设定作用中连结的样式规则。A:visited用以设定已参观连结的样式规则。A:hover用以设定滑鼠移到 连结之上时的样式规则。而其中hover并不被NC4所支援，其它三个特性两大浏览器都有支持。</DIV><BR> 如果您用的是IE4以上的浏览器，从本站链接您就可以知道 hover作用的妙处，以简单的样式设定就可以达成以往要写好长一串设定的相同效果 。这个连结拟似类别也可以与上面说过的类别挑选者特性合并使用。<BR><BR><BR></TD></TR></TBODY></TABLE></TD></TR><TR><TD class=a width=560><DIV class=bg_orange align=center>Ｄ Ｉ Ｖ 与 Ｓ Ｐ Ａ Ｎ 的 比 较</DIV></TD></TR><TR><TD><TABLE cellSpacing=0 cellPadding=0 width=560><TBODY><TR class=article><TD class=b><BR> 虽然样式表可以套用在任何标签之上，但是 ＤＩＶ和ＳＰＡＮ元素的使用更是大大地扩展了HTML的应用层面。ＤＩＶ和ＳＰＡＮ这 两个元素在应用上十分类似，使用时都必加上结尾标签，也就是<SPAN class=e>< DIV>...</DIV></SPAN>和<SPAN class=e><SPAN>...</SPAN></SPAN> 。两个可以应用的属性与事件处理也很类似，都可以配合前面提过的挑选者特性来编写。两者也都不强加显示功能于页面内容之上，可以说是使用上十分广泛的元素标签。<BR><BR> 而ＤＩＶ和ＳＰＡＮ的不同之处在于：ＤＩＶ元素定义为区块（block），在 <SPAN class=e><DIV>...</DIV></SPAN>之间是一个很完整的段落区块。 而ＳＰＡＮ元素则是定义为同轴（in-line），<SPAN class=e><SPAN>...< /SPAN></SPAN>应用于于小范围内的设定。两者可以彼此混合，夹杂使用，因为彼此是相互独立的。也因此，您可以利用这两个元素，配合其它性质，灵活地调整您的网页 显示的内容。</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></P>
