新客网
首页 | 新闻 | 系统·网络·服务器·安全 | 工具·办公 | 编程·数据库 | 图象·网页·运营 | 硬件·存储 | 专题教程 | 旧版
 → 当前位置:首页 > 教程 > 网页设计 > Html/Css > 正文

如何用CSS来控制网页字体的显示样式

XKER.COM   2006-9-6 12:05:59  来源:小新技术网收集整理  点击:

  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大小、紫色、英文小写转成较小的大写了。

上一篇教程:常用CSS
下一篇教程:用CSS实现表格背景颜色渐变效果
收藏本文】 【我要投稿】 【打印本文】 【论坛讨论】 【关闭窗口

相关文章
·采用XHTML和CSS设计可重用可换肤网页·技巧再现:css网页设计技巧
·网页设计引入CSS样式的五种方式·用CSS实现表格背景颜色渐变效果
·常用CSS·expression将JS、Css结合起来
·调整CSS类型的顺序改变链接状态·两分钟做个xhtml+css的网站首页
·网站重构:利用CSS改善网站可访问性·总结:用CSS进行网页样式设计攻略全集
·中文排版CSS心得·CSS中的行为——expression
·巧用CSS滤镜做图案文字·CSS使用技巧20则
·CSS+DIV设计实例:Hover over下的边框变化·CSS+DIV设计实例:看看IE中有关1px的Bug

学院文章搜索
  
推荐文章
·编程过把瘾:自己动手写操
·数据恢复指南 专题
·硬盘“逻辑锁”解决办法
·DOS使用中的常见问题解答
·DOS下常用的相关网络命令
·Win2000优化技巧篇之:硬件
·惊心8小时:破译Windows运行
·菜鸟必备:超实用低级格式
·硬件有价数据无价 硬盘开盘
·国内数据恢复市场内幕揭秘
阅读排行
·免费代理IP(每日更新)
·DB2 9数据库专题
·关于 Apache 的几种常见应
·站长手册:WIN2003下Web服
·QQ千人好友浮出水面 会员抢
·DOS下对系统重新进行分区
·Fdisk分区详解
·Firefox出现新高危0Day漏洞
·dos如何进行系统配置
·5种Alexa世界排名作弊方式
专题教程
·数据恢复指南 专题
·Web服务器专题
·DB2 9数据库专题
·ghost教程 专题
·局域网技术专题
·虚拟机专题
·CDN加速技术专题
·注册表教程专题
·电脑技巧 专题
·Linux与虚拟化技术
最新文章
·Firefox出现新高危0Day漏洞
·QQ千人好友浮出水面 会员抢
·DOS下对系统重新进行分区
·Fdisk分区详解
·DOS常用命令
·dos如何进行系统配置
·dos慎用命令
·Ver、Vol、Ctty命令使用说
·Tree、Unformat、Vsafe命令
·Setver、Share、Subst命令
设为首页 - 加入收藏 - 版权声明 - 广告服务 - 关于我们 - 联系我们 - 友情连接
Copyright © 2003 - 2006 XKER Inc. All Rights Reserved
新客网 版权所有