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

胖宏人

胖宏人

2016-02-19 20:26

岁数大了,QQ也不闪了,微信也不响了,电话也不来了,但是图老师依旧坚持为大家推荐最精彩的内容,下面为大家精心准备的如何用CSS来控制网页字体的显示样式,希望大家看完后能赶快学习起来。

  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
  英文小写转字体较小的大写

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)

  关于以上这些的应用,可以用[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>

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)

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

展开更多 50%)
分享

猜你喜欢

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

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

如何用CSS层叠样式表控制鼠标显示的样式

Web开发
如何用CSS层叠样式表控制鼠标显示的样式

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

网页WEB字体CSS如何控制?

Web开发
网页WEB字体CSS如何控制?

CSS如何控制网页(WEB)字体

Web开发
CSS如何控制网页(WEB)字体

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

网页(WEB)字体CSS如何控制?

Web开发
网页(WEB)字体CSS如何控制?

CSS样式控制图片裁切显示

Web开发
CSS样式控制图片裁切显示

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

什么叫面向接口编程

什么叫面向接口编程

Windows 8系统设置cleartype文本调谐器方法

Windows 8系统设置cleartype文本调谐器方法
下拉加载更多内容 ↓