📄 8.3.1.htm
字号:
<html>
<head>
<title>Untitled Document</title>
<LINK REL ="stylesheet" TYPE = "text/css" HREF = ".../contents.css">
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<body bgcolor="#FFFFFF">
<h2 align="center">CSS 属性单位</h2>
<p>在指定 CSS 属性的值时，常常可以使用多种单位。例如，指定长度值时既可以用绝对单位，也可以用百分比单位；指定颜色值时，既可以直接用颜色名称，也可以用
#RRGGBB 方式。本节介绍 CSS 属性单位的一些规定。</p>
<p>
1. 长度单位<p>
表 8.1 显示了可在 CSS 中用于描述长度的单位。
<p><div align=center> 表 8.1 CSS 长度单位</div>
<p><center>
<table BORDER cellspacing=1 cellpadding=9 width=437>
<tr>
<td width="26%" valign="TOP">
<div align="center"><b><font face="宋体,SimSun" lang="ZH-CN" size="1">缩写</font></b>
</div>
</td>
<td width="25%" valign="TOP">
<div align="center"><b><font face="宋体,SimSun" lang="ZH-CN" size="1">单位类型</font></b>
</div>
</td>
<td width="49%" valign="TOP">
<div align="center"><b><font face="宋体,SimSun" lang="ZH-CN" size="1">说明</font></b>
</div>
</td>
</tr>
<tr>
<td width="26%" valign="TOP">
<div align="center"><font size="1">cm</font> </div>
</td>
<td width="25%" valign="TOP">
<div align="center"><font face="宋体,SimSun" lang="ZH-CN" size="1">厘米</font>
</div>
</td>
<td width="49%" valign="TOP"> </td>
</tr>
<tr>
<td width="26%" valign="TOP">
<div align="center"><font size="1">em</font> </div>
</td>
<td width="25%" valign="TOP">
<div align="center"><font size="1">ems</font> </div>
</td>
<td width="49%" valign="TOP"> <font face="宋体,SimSun" lang="ZH-CN" size=1>当前字体中</font><font size=1>m</font><font face="宋体,SimSun" lang="ZH-CN" size=1>字母的宽度</font>
</td>
</tr>
<tr>
<td width="26%" valign="TOP">
<div align="center"><font size="1">ex</font> </div>
</td>
<td width="25%" valign="TOP">
<div align="center"><font size="1">exes</font> </div>
</td>
<td width="49%" valign="TOP"> <font face="宋体,SimSun" lang="ZH-CN" size=1>当前字体中</font><font size=1>x</font><font face="宋体,SimSun" lang="ZH-CN" size=1>字母的高度</font>
</td>
</tr>
<tr>
<td width="26%" valign="TOP">
<div align="center"><font size="1">in</font> </div>
</td>
<td width="25%" valign="TOP">
<div align="center"><font face="宋体,SimSun" lang="ZH-CN" size="1">英寸</font>
</div>
</td>
<td width="49%" valign="TOP"> </td>
</tr>
<tr>
<td width="26%" valign="TOP">
<div align="center"><font size="1">mm</font> </div>
</td>
<td width="25%" valign="TOP">
<div align="center"><font face="宋体,SimSun" lang="ZH-CN" size="1">毫米</font>
</div>
</td>
<td width="49%" valign="TOP"> </td>
</tr>
<tr>
<td width="26%" valign="TOP">
<div align="center"><font size="1">pc</font> </div>
</td>
<td width="25%" valign="TOP">
<div align="center"><font size="1">Picas</font> </div>
</td>
<td width="49%" valign="TOP"> <font size=1>1 pica =12</font><font face="宋体,SimSun" lang="ZH-CN" size=1>点</font>
</td>
</tr>
<tr>
<td width="26%" valign="TOP">
<div align="center"><font size="1">pt</font> </div>
</td>
<td width="25%" valign="TOP">
<div align="center"><font face="宋体,SimSun" lang="ZH-CN" size="1">点</font>
</div>
</td>
<td width="49%" valign="TOP"> <font size=1>1</font><font face="宋体,SimSun" lang="ZH-CN" size=1>点</font><font size=1>=1/72</font><font face="宋体,SimSun" lang="ZH-CN" size=1>英寸</font>
</td>
</tr>
<tr>
<td width="26%" valign="TOP">
<div align="center"><font size="1">px</font> </div>
</td>
<td width="25%" valign="TOP">
<div align="center"><font face="宋体,SimSun" lang="ZH-CN" size="1">像素</font>
</div>
</td>
<td width="49%" valign="TOP"> </td>
</tr>
</table>
<p></center>
<p>注意：并非所有浏览器都支持以上长度单位。例如，Internet Explorer 3.x 不支持 em 和 ex 单位，Netscape Navigator
4.0不支持 pc 单位。
<p>
2. 百分比单位<p>
除了可以使用前面介绍的长度单位指定尺寸以外，在 CSS 中经常还可以使用百分比单位指定尺寸。例如：P{font-size:150%} 表示该段文字的大小为标准字体的
1.5 倍。<p>
使用百分比单位的格式是：先写上"+"号或"-"号，然后紧跟一个数字，最后是百分号"%"。如果百分比值是正，那么正号"+"可以忽略不写，也就是说，"+50%"和"50%"是等效的。符号和百分号之间的数字可以是任意值，但由于在某些环境下浏览器不能处理带小数点的百分数，因此建议不要使用小数。另外，符号、数字和百分比号之间是不能有空格。<p>
百分比值总是相对于另一个值来说的，该值可以是长度单位或是其他单位。每一个可以使用百分比值单位指定的属性同时也自定义了这个百分比值的参照值。大多数情况下，这个参照值是该元素本身的字体尺寸。<p>
3. 颜色单位<p>
CSS 允许网页设计者使用以下方式中的一种指定颜色：
<ul>
<li> 颜色名 直接使用 16 种标准颜色名称（aqua 或 cyan、black、blue、fuchsia 或 magenta、gray、green、lime、maroon、navy、olive、purple、red、silver、teal、white、yellow）或浏览器支持的其他颜色名称（有关
IE 4.0/5.0 支持的颜色名称列表，可以到作者的个人网站 http://zhaofengnian.yeah.net 上下载）。</li>
<li> #RRGGBB 使用两位十六进制数表示颜色中的红、绿、蓝含量。例如，红色可以用 #FF0000 表示。</li>
<li> #RGB 使用一位十六进制数表示颜色中的红、绿、蓝含量，它是 #RRGGBB 方式的快捷方式。例如，颜色 #002200 可以表示为 #020；#00FFEE
可以表示为 #0FE。</li>
<li> rgb(rrr, ggg, bbb) 使用十进制数表示颜色的红、绿、蓝含量，其中 rrr、ggg 和 bbb 都是 0~255 的十进制数。</li>
<li> rgb(rrr%, ggg%, bbb%) 使用百分比表示颜色的红、绿、蓝含量。例如，rgb(50%, 0, 50%) 相当于 rgb(128,
0, 128)。</li>
</ul>
<p>
浏览器有时并不能兼容所有的颜色，此时，使用三位的十六进制定义或标准颜色名称可以比较"安全"地显示颜色。如果确实需要定义其他颜色，通常应使用十六进制数来定义，因为所有浏览器兼容的颜色都是基于十六进制数组的。在指定
CSS 属性的值时，常常可以使用多种单位。例如，指定长度值时既可以用绝对单位，也可以用百分比单位；指定颜色值时，既可以直接用颜色名称，也可以用 #RRGGBB
方式。本节介绍 CSS 属性单位的一些规定。
<p>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -