设为首页 加入收藏 网站首页
休闲娱乐
军事·社会百态·娱乐八卦·校园
体育·美女写真·幽默笑话·游戏
综合·在线视频·搞笑图片·灵异
两性生活
两性知识·性爱技巧
情色实录·两性图片
女性健康·同性之恋
电脑网络
网络编程·网页制作·软件教学
操作系统·图形图象·冲浪宝典
网络安全·邮件系统·认证考试
热点专题
芙蓉·真人漫画
72式·欲望都市
帅哥·人体彩绘
您现在的位置: 世纪中国 >> 网页制作 >> CSS教程 >> 教程正文
如何用CSS来控制网页字体的显示样式
作者:中国图霸    教程来源:网络    点击数:    更新时间:2007-1-2

  HTML对于<font>内容</font>卷标只有: <font color=colorvalue size=fontsize face=字型></font>这3种设定,而关于CSS对于<font>内容</font>的延伸规格让我们可以对字型的有更详细的设定。对于字型的设定: font-family:字型名称1,字型名称3,字型名称3等等。显示字型的优先级,若计算机中有安装该字型,便以该字型显示。如果你所设定的字型,client的计算机全部都没有安装,便会已浏览器预设的字型显示:font-size:18pt|120%|xx-small|s-small|small|medium|large|x-large|xx-large

  对于字体大小的定义严格来说有2种方式:

  1、绝对
  如:pt;in 这些大小是固定的,不会因分辨率而改变..

  2、相对
  如: px;em;% 这些会随着分辨率与目前字号而改变...

  font-style:normal|italic|oblique
  斜体
  font-weight:normal|bold|lighter|bolder|100-900
  字体粗细
  font-variant:normal|small-caps
  英文小写转字体较小的大写

  关于以上这些的应用,可以用[CSS套入]的任何一种方式..
举个例:

以下是引用片段:
<html> 
<head> 
<title></title> 
<style> 
span {font-size:20pt; 
font-color:purple; 
font-variant:small=caps; 

</style> 
</head> 
<body> 
<span>Dhtml&Asp</span> 
</body> 
</html> 


  这样子显示的字体便会为20pt大小、紫色、英文小写转成较小的大写了。或者也可以这样设定:

以下是引用片段:
<html> 
<head> 
<title></title> 
</head> 
<body> 
<span style="font-size:20pt;font-color:purple;font-variant:small-caps">Dhtml&Asp</span> 
</body> 
</html>
 

  这样子显示的字体同样也是20pt大小、紫色、英文小写转成较小的大写了。

分类推荐
社会 社会 娱乐 军事 校园
幽默 体育 女性 专题
电脑 编程 网页 软件 系统
安全 图象 冲浪 认证
搞笑 人物 动物 物品 表情
签名 色图 漫画 奇闻
美女 明星 清纯 自拍 欧美
丝袜 卡通 性感 走光
两性 知识 性图 孕育 技巧
同性 单身 情感 实录
视频 写真 搞笑 MTV 翻唱
写实 片段 游戏 综艺
CSS教程热门文章
普通教程 CSS垂直树形下拉菜单
普通教程 CSS+JS实现的选项卡效果(html组
普通教程 用CSS做滑动效果的图片画廊
普通教程 用CSS设计高体验的表单显示效果
普通教程 网页制作之常用CSS缩写语法总结
普通教程 CSS实现导航条图片的翻转菜单
普通教程 CSS仿淘宝首页导航条按钮布局效
普通教程 超强,用CSS构建iframe效果
普通教程 完全CSS写的鼠标悬停tip效果
普通教程 对css滑动门技术的一些总结和归
普通教程 用CSS层叠样式表完成可以控制的
普通教程 常用CSS
普通教程 CSS+DIV网页特效欣赏:非常酷的
普通教程 CSS+DIV设计实例:纯CSS制作下
普通教程 CSS属性中Display与Visibility
普通教程 利用CSS控制打印
普通教程 内联CSS的background-image属性
普通教程 导航上用CSS标志当前页效果的实
普通教程 CSS的常用技巧放送
普通教程 XHTML+CSS兼容性解决方案小集

  广东广州海珠区 世纪网络工作室 版权所有 上海电信提供网络带宽
信箱: 9297659@qq.com 粤ICP备06113754号