![如何用css设置网页字体[多图]](/aiimages/%E5%A6%82%E4%BD%95%E7%94%A8css%E8%AE%BE%E7%BD%AE%E7%BD%91%E9%A1%B5%E5%AD%97%E4%BD%93%5B%E5%A4%9A%E5%9B%BE%5D.png)
[ larger | smaller ]
这两个关键字被解释为相对于字体大小索引表中的字体大小和父元素的字体大小。
例如：如果父元素的字体大小为medium（3号字体），那么属性值larger值将使当前元素的字体大小为large。如果父元素的尺寸不靠近表格项中的值，则表示客户端浏览器可以自行决定在字体大小索引表选择一个，或者选择最接近的那一个；如果数字值超过了关键字的范围，则表示客户端浏览器可能需要对表格值进行额外的推算，这将视浏览器实现而定。
这个属性是列表中li的样式，对于其前面的项目符号的大小是根据其内容一般是字体的大小来匹配的，详细解释如下：
1、实例一：
<!DOCTYPE html><html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<ul>
<li>百度知道</li>
<li>百度知道</li>
<li>百度知道</li>
<li>百度知道</li>
<li>百度知道</li>
<li>百度知道</li>
</ul>
</body>
</html>
因为此时字体是默认大小，其项目符号和字体匹配大小，其显示结果如下图：
实例二：
此时我们更改字体大小，其代码和显示效果如下：
<!DOCTYPE html><html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
li{
font-size: 30px
}
</style>
</head>
<body>
<ul>
<li>百度知道</li>
<li>百度知道</li>
<li>百度知道</li>
<li>百度知道</li>
<li>百度知道</li>
<li>百度知道</li>
</ul>
</body>
</html>
效果如下，项目符号随着字体的增大而增大，如下图：
CSS用的是类C#语言的标准。书写方法自由灵活，没有一定的局限。但是常期以来为了阅读和维护等方面的经验，一般都是这样的格式：
标名 {
属性：属性值
属性：属性值；
}
当然这样大家都能理解，你自己也好维护，没有什么特殊的要求的！
为了便于阅读有人建议，CSS分为以下方面的控制：
先写位置等：
如：position:absolute
top,left，width,height等,
空一行，再写布局方面的，如：margin,padding等；
空一行，写字体格式：如line-height等
再空一行，写字体相关！如：font-size,font-color等；
最后是其他的属性！
但一般情况下，我们还是没有必要写那么多的属性值对的！所以就很少有人去空行做这些东西了！
但是一般内容较少时，可以直接写在一行，并不影响阅读的！
纠正一点的是：CSS文件进行调用时并不像一楼所说！不换行可以减少代码的大小！这是毫无根据的臆断！因其会自动解释换行和空白的！代码的大小是因为我们写了一些没有必要的东西所形成的时空代价，比如在body中已经有font-size:9pt而在BODY中的一个DIV中，如果要设置字体为9pt时没有必要再定义font-size:9pt了，如果再定义就是出现代码时的增大。还有一些默认也没有必要写出。
如果真如一楼所说，我想问一下一楼：你知道吗，在CSS中是可以加注释的，请问注释会不会增加代码量？答案是不会！因为其不运行！
sorry,对不起楼上，我说的是运行方面的，没有说下载方面的事。恕我直言，如果有一个人一个不足0。2K的CSS而写了N个GB的注释的话，那他一定有病了！注释不是发文章，一个CSS文件最多能有多少注释？不过我经常遇到写好的CSS进行压缩加密的情况，为了防止别人偷看，至于说能有多少，一个回车只是一个字符，占8bits,一个byte,请问一下，连写与其能有多大分别？再者请问一下为什么还要分开写呢？这是代码的维护时很难读懂的情况下还要讲时间代价吗？
程序的时空代价是指：运行时间与编写时间的相比，存储空间与运行空间的对比。
对于离散型网页来说，下载页面的同时还在下载CSS文件，而且CSS会放在机器的临时文件夹中，这样，整个网站也用不了下载几个CSS，且下次打开网页不须再下CSS。这样你认为呢？
