CSS改变字体大小而不影响网页
我们在网页中使用CSS来设置网页、表格和字体大小，一般使用的是网络上较流行的9磅字： STYLE type=TEXT/CSS BODY { COLOR: ＃ff0000; FONT－FAMILY: 宋体; FONT－SIZE: 9pt} /STYLE 在CSS中，我把FONT－SIZ
我们在网页中使用CSS来设置网页、表格和字体大小，一般使用的是网络上较流行的9磅字：
<STYLE type=TEXT/CSS>
BODY { COLOR: ＃ff0000; FONT－FAMILY: 宋体; FONT－SIZE: 9pt}
</STYLE>
在CSS中，我把FONT－SIZE设置成9pt，在显示设置成小字体时，我们看到的就是小五号字体显示，但在设置大字体的计算机中就会变成了11磅，网页自然会乱。
CSS可以识别多种数值单位，一般有两种确定文字尺寸的常用单位：pt(points)和px(pixels)。pt代表在文本方式下的点阵字体的那个点，而px是屏幕像素单位。由于所有的计算机系统都支持px单位，只是由于各个计算机所设的显示屏幕的分辨率不一样而产生变化，但现在计算机分辨率相差并不是很明显，所以这个问题就很好地解决了。它们之间有一个简单的换算关系，就是pt单位乘以4/3就是px单位，因此把网页FONT－SIZE设置成12px(同9pt大小)，就可以解决这个问题。设置成大字体看看，与小字体没什么区别！
<STYLE type=TEXT/CSS>
BODY { COLOR: ＃ff0000; FONT－FAMILY: 宋体; FONT－SIZE: 9pt}
</STYLE>
在CSS中，我把FONT－SIZE设置成9pt，在显示设置成小字体时，我们看到的就是小五号字体显示，但在设置大字体的计算机中就会变成了11磅，网页自然会乱。
CSS可以识别多种数值单位，一般有两种确定文字尺寸的常用单位：pt(points)和px(pixels)。pt代表在文本方式下的点阵字体的那个点，而px是屏幕像素单位。由于所有的计算机系统都支持px单位，只是由于各个计算机所设的显示屏幕的分辨率不一样而产生变化，但现在计算机分辨率相差并不是很明显，所以这个问题就很好地解决了。它们之间有一个简单的换算关系，就是pt单位乘以4/3就是px单位，因此把网页FONT－SIZE设置成12px(同9pt大小)，就可以解决这个问题。设置成大字体看看，与小字体没什么区别！
- 上一篇：WEB标准中使用CSS的基础教程
- 下一篇：用CSS打造韩式风格网站
精彩图集
精彩文章