📄 css1.htm
字号:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style type="text/css">
<!-- A:link {text-decoration: none; color:#0072A8}
A:visited {text-decoration: none; color: #0072A8}
A:active {text-decoration: none; color: #FF0000}
A:hover {text-decoration: underline; color: FF0000}
body{font-size=9pt}
TH{FONT-SIZE: 9pt}
TD{ FONT-SIZE: 9pt}-->
</style>
<meta name="keywords" content="homepage,designer,免费,html,Dhtml,CGI,DW,flash,fireworks,java,Javascript,CGI,frontpage,photoshop,free,原代码，教程">
<meta name="Author" content="kunshan,china,ajie,阿捷,ajie@nease.net">
<title>CSS中文教程-CSS 速成</title>
</head>
<body bgcolor="#FFFFFF">
<table border="0" width="100%" cellspacing="0" cellpadding="0">
<tr>
<td width="9%"></td>
<td width="81%"><p align="center"><img src="csstop.gif" alt="csstop.gif (6568 bytes)" WIDTH="420" HEIGHT="58"></td>
<td width="10%"></td>
</tr>
<tr>
<td width="9%"></td>
<td width="81%"><table border="1" width="100%" bordercolor="#000000" cellspacing="0" cellpadding="0">
<tr>
<td width="100%" bgcolor="#C0C0C0"><p align="center"><a href="index.htm">返回<font face="Arial">DHTML</font>栏目</a> <a href="../index.html">返回首页</a> 本教程译文：<a href="mailto:water_tang@126.com">Water Tang</a> 和 <a href="mailto:tian_tang@126.com">Xianzhen
Liang</a></td>
</tr>
</table>
</td>
<td width="10%"></td>
</tr>
</table>
<table border="0" width="100%" cellspacing="0" cellpadding="0">
<tr>
<td width="9%"></td>
<td width="81%"><hr color="#808080">
</td>
<td width="10%"></td>
</tr>
<tr>
<td width="9%"></td>
<td width="81%"><p align="center"><strong>CSS 速成</strong></p>
<p>------------------------------------------------------------------------------<br>
<br>
一个样式表由样式规则组成, 以告诉浏览器怎样去呈现一个文档.
有很多将样式规则加入到你的HTML文档中的方法,
但最简单的启动方法是使用HTML的STYLE组件. 这个元素放置于文档的HEAD部分,
包含网页的样式规则.<br>
<br>
要注意到尽管STYLE元素是试验样式表的好方法,
它具有某些在用户使用这种方法之前应该考虑的缺点.
不同方法的优点和缺点在将样式表加入到HTML中部分中有讨论。<br>
<br>
每个规则的组成包括一个选择符--通常是一个HTML的元素, 例如BODY,
P, 或EM--和该选择符所接受的样式.<br>
<br>
有很多的属性可以用于定义一个元素. 每个属性带一个值,
共同地描述选择符应该如何呈现.<br>
<br>
样式规则组成如下:<br>
<br>
选择符 { 属性: 值 }<br>
单一选择符的复合样式声明应该用分号隔开:<br>
<br>
选择符 { 属性1: 值1; 属性2: 值2 }<br>
<br>
以下是一段定义了H1和H2元素的颜色和字体大小属性:<br>
<br>
<font color="#804000"><HEAD><br>
<TITLE>CSS例子</TITLE><br>
<STYLE TYPE="text/css"><br>
H1 { font-size: x-large; color: red }<br>
H2 { font-size: large; color: blue }<br>
</STYLE><br>
</HEAD></font><br>
<br>
上述的样式表告诉浏览器用加大、红色字体去显示一级标题,
用大、蓝色字体去显示二级标题. CSS1
规格正式地定义了所有的有效属性和值. 属性和值在本网站的CSS
属性部分也给出了.<br>
<br>
本教程专门介绍了CSS非常基础的知识,
以提供足够的信息去让你试验自己的样式. 要获得CSS更深入的知识,
阅读继续阅读以下部分: <br>
<br>
CSS 结构和规则 <br>
CSS 属性 <br>
将样式表加入到HTML中 <br>
<br>
<br>
<br>
（未完）<br>
--------------------------------------------------------------------------------<br>
<br>
<br>
版权信息：本教程是根据W3C制定的CSS标准语法英文版本由<a href="mailto:water_tang@126.com">Water Tang</a>和<a href="mailto:tian_tang@126.com">Xianzhen
Liang</a>翻译而成的。<br>
由《<a href="http://pageone.yeah.net" target="_blank">网页设计师</a>》制作网页教程，你可以转载本教程，但请尊重译者和阿捷的辛勤劳动。<br>
转载时注明译者和教程出处。谢谢！</p>
<p align="right"> <a href="css.htm">上一节</a> <a href="css2.htm">下一节</a> <a href="index.htm">返回dhtml栏目</a> <a href="../index.html">返回首页</a></td>
<td width="10%"></td>
</tr>
</table>
<table border="0" width="100%" cellspacing="0" cellpadding="0">
<tr>
<td width="100%"><hr color="#000000" width="90%">
</td>
</tr>
<tr>
<td width="100%" align="center">《<a href="http://pageone.yeah.net">网页设计师</a>》
阿捷制作 </td>
</tr>
<tr>
<td width="100%" align="center"><font face="Arial">©1999-2000</font> <font face="Arial">All Rights Reserved</font></td>
</tr>
</table>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -