论坛交流
首页办公自动化| 网页制作| 平面设计| 动画制作| 数据库开发| 程序设计| 全部视频教程
应用视频: Windows | Word2007 | Excel2007 | PowerPoint2007 | Dreamweaver 8 | Fireworks 8 | Flash 8 | Photoshop cs | CorelDraw 12
编程视频: C语言视频教程 | HTML | Div+Css布局 | Javascript | Access数据库 | Asp | Sql Server数据库Asp.net  | Flash AS
当前位置 > 文字教程 > div+css布局教程
Tag:css,入门,技巧,div,实例,示例,菜单,布局,web2.0,ul,li,经验,列表,web标准,xhtml,web标准,浏览器,兼容,css hack,表格,视频教程

{CSS}实用CSS教程:从基础开始(三)

文章类别:div+css布局 | 发表日期:2008-9-26 11:33:28

六.控制字体的样式

  控制字体的样式包括控制字体类型、字体大小、字体风格、字体粗细四个部分。

  1.字体类型

  平时在使用WORD之类的字处理软件的时候,经常需要调整字体的显示,比如说“Arial”、“Impact”、“Verdana”等字体都是笔者使用的较多的。

  基本格式如下:

div css xhtml xml Example Source Code Example Source Code [www.21shipin.com]
  font-family: 字体名称

  假如在font-family后加上多种字体的名称,浏览器回按字体名称的顺序逐一在用户的计算机里寻找已经安装的字体,一旦碰到与要求的相匹配的字体,就按这种字体显示网页内容,并停止搜索;假如不匹配就继续搜索,直到找到为止,万一样式表里的所有字体都没有安装的话,浏览器就会用自己默认的字体来替代显示网页的内容。

  注重:
    ·当指定多种字体时,用“,”分隔每种字体名称。
    ·当字体名称包含两个以上分开的单词时,用“”把该字体名称括起来。
    ·当样式规则外已经有“”时,用‘’代替“”。

  2.字体大小

  基本格式如下:

div css xhtml xml Example Source Code Example Source Code [www.21shipin.com]
  font-size: 字号参数

  字号的取值范围:
    ·以Point为单位:点单位在所有的浏览器和操作平台上都适用
    ·以Em为单位:指字母要素的尺寸,和Point相同距离
    ·以Pixes为单位:像素可以使用于所有的操作平台,但可能会因为浏览者的屏幕分辨率不同,而造成显示上的效果差异
    ·以in(英寸)为单位
    ·以cm(厘米)为单位
    ·以mm(毫米)为单位
    ·以pc(打印机的字体大小)为单位
    ·以ex(x-height)为单位
    ·smaller:比当前文字的默认大小更小一号
    ·larger:比当前文字的默认大小更小大号
    ·使用比例关系
    ·xx-small
    ·x-small
    ·small
    ·medium
    ·large
    ·x-large
    ·xx-large

  3.字体风格

  字体风格只能控制各种斜体字的显示。

  基本格式如下:

  
div css xhtml xml Example Source Code Example Source Code [www.21shipin.com]
font-style: 斜体字的名称

  4.字体粗细

  字体粗细控制粗体字的显示,取值范围从数字100~900,浏览器默认的字体粗细为400。另外可以通过参数lighter和bolder使得字体在原有基础上显得更细或更粗些。

  基本格式如下:

  
div css xhtml xml Example Source Code Example Source Code [www.21shipin.com]
font-weight: 字体粗细

  
视频教程列表
文章教程搜索
 
div+css推荐教程
div+css热门教程
看全部视频教程
购买方式/价格
购买视频教程: 咨询客服
tel:15972130058