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

HTML/XHTML教程
showModelessDialog()使用详解
UBB 转换函数演示
用js封装的时间设置器
跟我学XSL(一)
跟我学XSL(二)
深入了解CSS的继承性及其应用
从HTML语言到网上家园 序章
从HTML语言到网上家园 第一章 HTML语言结构
从HTML语言到网上家园 第六章 表单
由显示/隐藏引出的CSS Bug
在因特网上建设自己的家园
主页设计中配色方案的使用(上)
什么是Web设计-Web设计的金字塔
什么是Web设计-为用户设计
什么是Web设计-建设Web站点
什么是Web设计-从纸张到软件
家园更美丽:网页制作秘籍
从菜鸟到准网页设计师
突破网页文字无法复制局限
网页制作超级技巧(一)

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-04   浏览: 71 ::
收藏到网摘: 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。