当前位置: 首页 > 图文教程 > 网页制作 > HTML/XHTML教程 > CSS的字体、字型控制

HTML/XHTML教程
如何以及何时使用sIFR
提交表单后转到另一个文件
表格标签(table)深入了解
容易混淆使用位置的XHTML标签
类型File的Input按钮功能研究
注册表单设计的规则
W3C建议的移动Web标记语言XHTML Basic 1.1
超级链接a的提示方式和打开方式
超级链接a的表现形式和打开方式
xhtml css网页制作问题的解决方法
网页注释在IE中产生文字溢出
HTML教程:有序列表
HTML教程:无序列表
HTML网页制作的强大8条技巧
blockquote标记应用注意
X/HTML5 和 XHTML2
以HTML网页实例说明head区代码的意思
XHTML标记要合理使用
DOCTYPE类型详细介绍
表单Form的submit事件不响应

HTML/XHTML教程 中的 CSS的字体、字型控制


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-04   浏览: 50 ::
收藏到网摘: n/a

    ★☆★使用CSS你可以对页面的字体进行任意的控制,比起HTML简直方便不知多少。

    CSS使用“font-size”属性来控制字体大小。

    CSS中可以使用的单位:points, pixels等单位 。


   ★使用 points(点): 

    td { font-size: 9pt }

    告诉浏览器以9 points的尺寸显示<TD>标签内的字符,本页就采用9pt的字体,我认为“宋体+9pt”是非常漂亮的选择。Points是确定文字尺寸非常好的单位,它在所有的浏览器和操作平台上都适用。

   ★使用pixels(象素):

td { font-size: 9px }

    使用“象素”的缺点是,页面显示不稳定,字体时大时小,而使用points则没有这种问题。

    此外你还可以使用如下的单位:

in (英寸) 
cm (厘米) 
mm (毫米) 

    ★☆★字型控制

   { font-family:Arial } 可以只设置一种字体。

   { font-family:Arial,Helvetica,sans-serif } 也可以设置多种字体,将按照字型顺序查找显示。

   { font-family:"Courier New" } 字型名字包括2个以上的词时,要使用引号。

    ★☆★字体粗细控制

   { font-weight:bold } 字体加粗显示,还可以使用:extra-light,light,demi-light,medium,demi-bold,bold,extra-bold等参数。

    ★☆★字型样式控制

   { font-style:italic } 设置字体倾斜,可以使用normal,italic。