《【网页设计】【HTML+CSS】【第3章 字体标记】.pdf》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、·27·第3章字体标记字体标记在网页中常常会用到，如一个标题字体需要设置特大字体且颜色是红色、字体类别使用宋体、楷体等。在HTML中有其字体标记，用来修饰文字字体方面属性，使文字显得更丰富。本章所学习的正好是应用非常广的字体，将要学习本本章前，会学习以下方面内容：设置字体大小字体颜色设置标题字体物理字体逻辑字体字体实例手把手3.1设置字体大小字体的大小，在网页中常常可以看到，有的新闻网站为了满足不同年龄的读者浏览，有三种不同字体大小供选择，12像素、14像素和16像素，默认的都会是14像素大小。这样看起来舒服，适合大部分读者浏览，如老年

2、人可能会选择大点的字体。现在来学习如何设置字体大小。合理的字体大小为网页增加不少装饰，更是一种美的感受。字体的语法为：要放的文字这只是在字体上的标记，以后的学习是在里面加一部分属性，也就达到对字体设置的效果了。现在来学习字体大小。设置字体大小的语法代码是：HTML+CSS完全自学手册关键部分就是size，表示大小。等于后面的参数是有规定的，参数是从1到7的任意一个数，数越大字体也就越大。现在对字体大小从1到7编排，如代码3.1所示。代码3.1源代码第3章

3、字体大小编排.htmlHTML+CSS完全自学手册·28·
HTML+CSS完全自学手册
HTML+CSS完全自学手册
HTML+CSS完全自学手册

4、>HTML+CSS完全自学手册
HTML+CSS完全自学手册
HTML+CSS完全自学手册上面代码是从字体最小的递增到字体最大的，中间文字都一样。不知读者是否发现，每设置一行字体后都会带
，方便比较。页面中显示换行后总保持从行头开始，效果如图3.1所示。图3.1标题字体大小3.2设置字体颜色通常在网页中看到的五彩缤纷的字体，有清醒一点

5、的、有淡薄一点的，颜色搭配好了，用户从视觉上认可该网页，这样才有可能继续读下去。字体颜色的语法简单易学，是由color表示，语法形式如下：标签中的参数color后面可以接RGB颜色值，如#000000。也可以用颜色的单词·29·表示，如red。完整实例代码，如代码3.2所示。代码3.2源代码第3章颜色值表示的二种方式.html

6、d">html+css完全自学手册
html+css完全自学手册代码3.2中，在字体标签中，设置color参数值分别为红色和#cccccc，在两行文字中表示两种不同颜色，同理，如果想设置更多文字颜色，可以在标签中包围文字，并设置参数color值，被包围的文字正是字体颜色设置的区域，代码3.2中的效果如图3.2所示。图3.2字体颜色技巧：根据W3C标准，建议读者设置字

7、体颜色时，尽量用以后会学到的CSS的color属性。3.3设置标题字体样式关于标题，在前面一章中学过如何设置标题大小，但往往有时标题文字需要用颜色来表达其效果，在这里主要在前面的基础上再学习标题属性，如标题的颜色，标题大小。标题颜色和大小设置要用到标题标签（#代表不同大小的标题）和前面学习的字体颜色。·30·3.3.1标题的字体本节再次讲解标题h1到h6，然后在这些标题中设置不同的颜色和其他样式。标题用表示的，#代表数字从1-6是表示标题大小从大到小，完整语法表述如下所示。

设置标题h1

设置标题h

8、2

设置标题h3

设置标题h4

设置标题h5

设置标题h6