📄 index.htm
字号:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>CSS入门</title>
<meta name="description"
content="主页制作轻松入门，有零开始五分钟快速完成；CSS、FrontPage 98、Net.Data讲座；提供CGI、JavaScript、Java Applet下载；免费主页、免费E-mail等各种免费资源。">
<meta name="keywords"
content="CGI、JavaScript、Java、applet、CSS、FrontPage、Net.Data、WebWizard、免费、主页、网页制作、主页制作、首页、homepage">
<link rel="StyleSheet" href="../chn.css" type="text/css">
</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%">
设想一下，打开一个文本文件，编辑几行字，就可以使整个Web站点得到改变。再设想一下，以在线的方式创建带有复杂图形、丰富字体字号等特殊效果的页面，大小只有10k。这就是CSS(串接样式表)的世界。<br>
所谓CSS(Cascading Style Sheet)是一种可加进HTML，控制HTML文件显示格式的语言(Style
sheets language)。虽然 CSS 在网页里是和 HTML 在一起的. 但它不算 HTML.
它的使用可以扩展 HTML 的功能. 我们可以把原本的 HTML
文件样式化，像是文字的颜色、字型、大小、宽度、边界、对齐都可以去设定，也可以在某些物件
(文字或图形)
周围使用立体的边框，还可以为每个段落、标题、文字区块定义不同的文字样式。</td>
</tr>
<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="#FDF5D5">注意事项</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%">请您务必使用IE 4.0以上或Netscape 4.0以上版本浏览器，以正确显示CSS效果。（推荐使用IE）您可通过以下图标链接到最新版本下载地点</td>
</tr>
<tr>
<td width="11%" align="right"></td>
<td width="89%"><a href="http://www.microsoft.com/ie/download/" target="_blank"><img
src="../images/ie_standardanimated.gif" alt="ie_standardanimated.gif (15078 bytes)"
border="0" WIDTH="88" HEIGHT="31"></a><a
href="http://www.netscape.com/comprod/mirror/index.html" target="_blank"><img
src="../images/nsnow.gif" width="84" height="28" alt="nsnow.gif (4772 bytes)" border="0"></a></td>
</tr>
<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="#C8D3FD">CSS教学课程目录</td>
</tr>
<tr>
<td width="11%" align="right"></td>
<td width="89%"><ul>
<li><a href="css1_1.htm">CSS的规则</a></li>
<li><a href="css1_2.htm">CSS的三种selector</a></li>
<li><a href="css1_3.htm">用CSS控制字体</a></li>
<li><a href="css1_4.htm">文字间的空间和修饰</a></li>
<li><a href="css1_5.htm">列表方式控制</a></li>
<li><a href="css1_6.htm">颜色与背景 </a></li>
<li><a href="css1_7.htm">空格与边框</a></li>
<li><a href="css1_8.htm">CSS与HTML的结合方式</a></li>
<li><a href="css1_9.htm">CSS同低版本浏览器的兼容性</a></li>
<li><a href="css1_91.htm">其他CSS教学资源</a></li>
</ul>
</td>
</tr>
</table>
<hr>
<p align="right"><a href="css1_1.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"><img src="../images/home.gif"
alt="home.gif (267 bytes)" border="0" WIDTH="32" HEIGHT="32"><br>
返回主页</a></p>
<p align="center"><img
src="http://www.xz.jsinfo.net/cgi-bin/Count.cgi?ft=0&frgb=255;215;0&dd=chopw|df=whomecss.dat"
border="0"><br>
Since 1999.3.1</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 + -