精彩专题推荐:建站之入门课 建站之必修课 建站之关键课 网站价值所在 流量提高专题 css+div 标准 个人网站打造全过程
返回建站学首页
导航:
建站首页 | 网站设计 | 网站开发 | 网站运营 | 网页软件 | 建站指南 | 搜索优化 | 图像处理 | 视频教程 | 书籍教程 | 建站专题
当前位置:首页>网站设计>css教程>正文

CSS实用教程(三)


来源: 时间:06-12-15 点击: 点击这里收藏本文
CSS(Cascading Stylesheets,层叠样式表)是一种制作网页的新技术,现在已经为大多数的浏览器所支持,成为网页设计必不可少的工具之一。使用CSS能够简化网页的格式代码,加快下载显示的速度,也减少了需要上传的代码数量,大大减少了重复劳动的工作量。尤其是当你面对的是有数百个网页的站点时,CSS简直象是神对我们的恩赐!^_^

六.控制字体的样式

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

1.字体类型

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

基本格式如下:

font-family: 字体名称

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

注意:

·当指定多种字体时,用“,”分隔每种字体名称。

·当字体名称包含两个以上分开的单词时,用“”把该字体名称括起来。

·当样式规则外已经有“”时,用‘’代替“”。

2.字体大小

基本格式如下:

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.字体风格

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

基本格式如下:

font-style: 斜体字的名称

4.字体粗细

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

基本格式如下:

font-weight: 字体粗细


  把此文章收藏到:          
广而告之
文章搜索
  • Google JZxue.Com

关于我们 | 联系我们 | 友情链接 | 网站地图
Copyright © 2005 - 2006 建站学 All rights reserved.