📄 css1_9.htm
字号:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<link rel="StyleSheet" href="../chn.css" type="text/css">
<title>CSS同低版本浏览器的兼容性</title>
</head>
<body background="../images/background.gif" bgcolor="#FFFFFF">
<!-- Spidersoft WebZIP Ad Banner Insert -->
<TABLE width=100% border="0" cellpadding="0" cellspacing="0">
<TR>
<TD>
<ILAYER id=ad1 visibility=hidden height=60></ILAYER>
<NOLAYER>
<IFRAME SRC="http://www.spidersoft.com/ads/bwz468_60.htm" width="100%" height="60" marginwidth=0 marginheight=0 hspace=0 vspace=0 frameborder=0 scrolling=no></IFRAME>
</NOLAYER>
</TD>
</TR>
</TABLE>
<!-- End of Spidersoft WebZIP Ad Banner Insert-->
<p align="center"><a href="../index.htm"><img src="../images/title.gif" alt="title.gif (2221 bytes)" border="0" WIDTH="380" HEIGHT="56"></a></p>
<p align="center"><font color="#FF0000">CSS入门</font></p>
<table border="0" width="100%">
<tr>
<td width="11%" align="right"><img src="../images/blue-rect.jpg" alt="blue-rect.jpg (3374 bytes)" WIDTH="20" HEIGHT="20"></td>
<td width="89%" bgcolor="#D5F8CD">CSS同低版本浏览器的兼容性</td>
</tr>
<tr>
<td width="11%" align="right"></td>
<td width="89%">好的网页设计同低版本的兼容性都很好。 你为4.0版浏览器设计的网页如果在3.0版的浏览器上是一团糟，则你的设计是失败的。利用样式表时，你更应该考虑到兼容性的问题，因为许多用户使用的浏览器都不支持CSS属性。当然你可以为不同的浏览器设计出不同的网页。但是我们想尽可能地避免这些麻烦，以减少空间占用和网页维护工作。
让我们看看如何使利用样式表设计的网页能被其它低版本浏览器兼容。
</td>
</tr>
<tr>
<td width="11%" align="right"><img src="../images/bullet-yellow-s.gif" alt="bullet-yellow-s.gif (911 bytes)" WIDTH="14" HEIGHT="14"></td>
<td width="89%"><font color="#FF0080">方法一：<b>在类似的<font face="宋体">HTML</font>标签上应用样式表</b>
</font></td>
</tr>
<tr>
<td width="11%" align="right"></td>
<td width="89%"><font color="#000000">如果你想利用字重属性控制文字的加重显示程度，为什么不使用<font face="宋体"><B></font>标签加入这种效果呢？这样以来，在所有的浏览器中都<br>
可以显示出文字的加重显示效果。<br>
<br>
尽量使用和<font face="宋体">CSS</font>说明相应的<font face="宋体">HTML</font>标签，以便在老的浏览器中也能达到<font face="宋体">4.0</font>版浏览器相同的显示效果。 </font></td>
</tr>
<tr>
<td width="11%" align="right"><img src="../images/bullet-yellow-s.gif" alt="bullet-yellow-s.gif (911 bytes)" WIDTH="14" HEIGHT="14"></td>
<td width="89%"><font color="#FF0080">方法二：</font><b><font face="宋体"> </font><font color="#FF0080">用<font face="宋体">HTML</font>标签重复加入样式</b> </font></td>
</tr>
<tr>
<td width="11%" align="right"></td>
<td width="89%">如果你想确保使段落显示蓝色，那么你应该同时使用样式表属性和<font face="宋体">HTML</font>标签设定段落的颜色。 <font face="宋体"><tt>color:
blue</tt></font>同时设定<font face="宋体"><tt><FONT<br>
COLOR="blue"></tt></font>。如果你想使某要素居中，则同时使用<font face="宋体"><tt>text-align: center</tt> </font>和<font face="宋体"><tt><CENTER></tt></font>。
</td>
</tr>
<tr>
<td width="11%" align="right"><img src="../images/bullet-yellow-s.gif" alt="bullet-yellow-s.gif (911 bytes)" WIDTH="14" HEIGHT="14"></td>
<td width="89%"><font color="#FF0080">方法三：<b>隐藏不想要的要素</b> </font></td>
</tr>
<tr>
<td width="11%" align="right"></td>
<td width="89%">如果你使用了大的装饰性的文字符号，而这个文字符号在老的浏览器中显得很怪很傻，你可以使用
<font face="宋体"><tt><FONT COLOR="xyz"></tt> </font>使<br>
它的要素同背景色相同，从而使得它在老的浏览器中被“隐藏”起来。而在新的浏览器中，<font face="宋体">CSS</font>属性仍将它用红色（或其它<br>
任何颜色）显示，用户在新浏览器中仍然可以看到它的效果。 <p>使你的网页同老式浏览器兼容并不只是在设计末尾时花几分钟加入几行命令，你必须在整个设计过程中都时刻考虑到兼容性<br>
的问题，并作出相应的设计。</p>
<p>而最重要的是：测试、测试、再测试。</td>
</tr>
<tr>
<td width="11%" align="right"></td>
<td width="89%"></td>
</tr>
</table>
<hr>
<p align="right"><a href="css1_8.htm"><img src="../images/back-button-off.gif" alt="上一页--CSS与HTML的结合方式" border="0" WIDTH="31" HEIGHT="31"></a><a href="css1_91.htm"><img src="../images/forward-button-off.gif" alt="下一页--其他CSS教学资源" border="0" WIDTH="31" HEIGHT="31"></a></p>
<p align="center"><a href="index.htm">返回CSS教程目录</a></p>
<p align="center"><a href="../index.htm"><img src="../images/home.gif" alt="home.gif (267 bytes)" border="0" WIDTH="32" HEIGHT="32"><br>
返回主页</a></p>
<p> </p>
<layer src="http://www.spidersoft.com/ads/bwz468_60.htm" visibility=hidden id=a1 width=600 onload="moveToAbsolute(ad1.pageX,ad1.pageY); a1.clip.height=60;visibility='show';"></layer>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -