html的字号txt的制作,让字体美起来(1)-网页设计,HTML/CSS

你可能正建立自己在网上的家-web页，又或者它已经被你安置在网络某一角里。无论出于什么目的,你都希望有更多的指导,告诉你该如何更好的布置家。

在目前许多的指导中，他们都在诉说，应该加一点声音或者一个说话的场地。的确我们都需要它，但我希望关心更多web家里底层的东西，比如如何把字体弄的漂亮些，或者让页面颜色变的活泼些，让访问者增加“看欲”，还有更多你曾经都没有关注的细微之处。今天，我们首先来探讨页面的字体。

一、html中定义字体

字体的确是很好打交道的，一开始制作页面，它就以默认的样式显示。随着逐步的深入，你会改变一下默认的设置，增大或者减小字体。

一般字体默认的标签格式：＜p＞田涛＜/p＞

接下来，我们把字体设置为黑体或者宋体字样式，它的标签如下：

＜p＞＜font face=”黑体”＞田涛＜/font＞＜/p＞

在以上格式里，我们引出了字体的标签元素＜font＞＜/font＞.该标签具有下面三个属性值：

size=”…” 设置字体的大小，一般从1到7，它的默认值是+3，每次改变字体都是+3或者-3。

color=”…” 字体颜色的设置。定义颜色可以利用rgb的16进制值，比如： color=“#ffffff” 。也可以直接利用颜色英文来定义，比如： color=“white”

face=”…” 字体样式的设置，比如：face=“黑体”。或者 face=“黑体，宋体”。后者的格式，每当浏览器访问第一种字体失败后，浏览器就会访问第二种字体，依此类推。

下面是一个完整的字体格式：

＜font face=”黑体” size=”2″ color=”#ffffff”＞田涛＜/font＞

html还提供了以下字体样式标签：

1.六个标题样式

从h1到h6，如：＜h1＞＜font face=”黑体” size=”2″＞田涛＜/font＞＜/h1＞

2.字体风格

斜体字：＜em＞田涛＜/em＞

粗体字：＜strong＞田涛＜/strong＞

斜体+粗体字：＜strong＞＜em＞田涛＜/em＞＜/strong＞

3.定义文本

定义大字体

＜big＞田涛＜/big＞

定义小字体

＜small＞田涛＜/small＞或者＜small＞＜small＞＜small＞田涛＜/small＞＜/small＞＜/small＞

如果你在字体标签中设置了size=”…”,那么＜big＞标签将不起作用。

除了以上常用字体标签元素外，html还包含很多其它标签，但不我们不多用。