让我们首先从字体设置开始。
在HTML代码里,字体的定义并不是很难,我们只需用<font>标签即可定义字体、字号、字体颜色等。<font> 标签原则上要求成对出现,即在被修饰的字体前使用<font>引导,在被修饰的文字后用</font>结尾。下面给出例子和效果及相关说明:
语法:<font face=黑体 size=4 color=red>黑马在线动力</font>
效果:黑马在线动力
说明:<font>标签里,face为字体名称,“=黑体”即表示被修饰的文字即“黑马在线动力”的字体为黑体,至于定义为什么字体,看你的喜好了,如果你所设置的字体不存在,系统自动使用默认字体显示(如中文Windows平台下宋体就是默认字体);size表示字号,论坛里可用字号是1号到7号,通常数字越大字号也就越大(也有的论坛相反),如果用户定义的字号超过7号则以7号显示(但还有其他方法突破7号字体,稍后我们会讨论到的);color用来定义文字的显示颜色,其值放在和前面的各元素一样放在等号的后面,颜色的表示方式可用少量的颜色英文明文,也可用Web色码方式,如#ff0000,色码表请参阅黑马在线动力提供的色码表。
size还有一种赋值方法,形式如下:
<font size=+1>黑马在线动力</font>
这类表达式适用于未使用CSS设定的页面,它表示被修饰的文字在默认字号基础上加大一号。
字体修饰还用到其他的标签,分别介绍如下:
粗体:<b>文字</b> (例:文字)
加重:<strong>文字</strong> (例:文字)
上标:<sup>文字</sup> (例:文字)
下标:<sub>文字</sub> (例:文字)
斜体:<i>文字</i> (例:文字)
下划线:<u>文字</u> (例:文字)
提示:连同<font>标签一块,以上这些修饰方法,只要不相互冲突就可以结合起来使用。
标题修饰:<hx>文字</hx>。其中,x为1到6的数字。以下是h1到h6的标题式样效果,我们可以看到,字号是逐渐变小的:
标题一
标题二标题三
标题四
标题五
标题六
最后讲讲突破7号字大小问题:
我们需要以嵌套方式调用CSS样式来定义字体,这种方法可以让我们最大限度地设置字号大小,实现方法也很简单,只需在<font>标签里用以下代码替换纯HTML原来的元素即可。请看以下代码和效果:
代码:<font color=#ff0000 style="font-size: 100pt;font-family:华文行楷,隶书,黑体">春天</font>
效果:
春天
CSS扩展了HTML功能,它能够令帖子和网页的可控制程度更高。更多的CSS知识我们将在后面陆续介绍,你也可以阅读 这个了解和学习一下CSS滤镜修饰字体的强大功能。