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

HTML/XHTML教程
HTML之框架标记
HTML之多媒体
HTML之表格标记
HTML一般概念
HTML文件HEAD内部标记浅析
HTML文档中小meta标签的大作用
html教学+HTML语法大全
HTML的排版标记
HTML参考
HTML表单元素覆盖样式元素问题及其补救之道
HTML标签详解
HTML标记大全参考手册
HTML 标记一览
Email地址在网页中的保护
Cool Web Scrollbars - 定制网页的滚动条
“画中画”效果--谈IFRAME标签的使用
给网页文字加上即时提示
改变浏览者的鼠标型状
防止空连接#返回到页面顶端
创造收藏夹中的个性化图标

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


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