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

HTML/XHTML教程
IE5+专有日历
跨框架下拉菜单
用鼠标拖动表格进行排序
通用表单验证函数
静态页面的值传递(三部曲)
用javascript获得地址栏参数的两种方法
校验日期的函数
Select的OnChange()事件
区分只读文本框和普通文本框的背景色
指定选取textarea的特定行
清除WORD冗余格式并粘贴
页面载入时提示消息层
正则表达式regular expression详述
最精致的日历式日期输入控件
MD5算法在JS中的实现
javascript 的面向对象编程
自适应图片大小的弹出窗口
锁定行头和列头的表格组件
简化的enter转化成tab组件
日期相加的函数addDate

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


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