繁体中文
设为首页
加入收藏
当前位置:在线教程首页 >> 网页设计 >> CSS与特效 >> CSS实用教程(三)

CSS实用教程(三)

2005-05-25 17:58:00  作者:佚名  来源:第七频道  浏览次数:93  文字大小:【】【】【

六.控制字体的样式 

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

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一下吧:)
Google
 

责任编辑:admin


相关文章
服务器内存技术知识充电
服务器端口过滤防黑法
服务器硬件故障处理几例
FTP命令详解
表格对决CSS
CSS应用常见问题
CSS样式应用技巧
巧用CSS制作树状目录
CSS类及id的规范化命名
用 CSS 实现的阴影效果
CSS实用教程(一)
 

最新文章

更多

· 关于CSS你只需知道的十件事
· CSS网站实用技巧:word-...
· CSS实战:解决图片下面有...
· 中文网页制作中段落缩进...
· 巧用CSS制作树状目录
· CSS重新定义项目符号和编号
· 网页特效大公开
· css新手上路<七>
· css新手上路<六>
· css新手上路<五>

推荐文章

更多

· 关于CSS你只需知道的十件事
· CSS网站实用技巧:word-...
· CSS实战:解决图片下面有...
· 中文网页制作中段落缩进...
· 巧用CSS制作树状目录
· CSS重新定义项目符号和编号
· 网页特效大公开
· css新手上路<七>
· css新手上路<六>
· css新手上路<五>

热点文章

更多