字体字体大宝库

·27·第3章字体标记字体标记在网页中常常会用到,如一个标题字体需要设置特大字体且颜色是红色、字体类别使用宋体、楷体等.
在HTML中有其字体标记,用来修饰文字字体方面属性,使文字显得更丰富.
本章所学习的正好是应用非常广的字体,将要学习本本章前,会学习以下方面内容:设置字体大小字体颜色设置标题字体物理字体逻辑字体字体实例手把手3.
1设置字体大小字体的大小,在网页中常常可以看到,有的新闻网站为了满足不同年龄的读者浏览,有三种不同字体大小供选择,12像素、14像素和16像素,默认的都会是14像素大小.
这样看起来舒服,适合大部分读者浏览,如老年人可能会选择大点的字体.
现在来学习如何设置字体大小.
合理的字体大小为网页增加不少装饰,更是一种美的感受.
字体的语法为:要放的文字这只是在字体上的标记,以后的学习是在里面加一部分属性,也就达到对字体设置的效果了.
现在来学习字体大小.
设置字体大小的语法代码是:HTML+CSS完全自学手册关键部分就是size,表示大小.
等于后面的参数是有规定的,参数是从1到7的任意一个数,数越大字体也就越大.
现在对字体大小从1到7编排,如代码3.
1所示.
代码3.
1源代码\第3章\字体大小编排.
html标题字体大小HTML+CSS完全自学手册·28·HTML+CSS完全自学手册HTML+CSS完全自学手册HTML+CSS完全自学手册HTML+CSS完全自学手册HTML+CSS完全自学手册HTML+CSS完全自学手册上面代码是从字体最小的递增到字体最大的,中间文字都一样.
不知读者是否发现,每设置一行字体后都会带,方便比较.
页面中显示换行后总保持从行头开始,效果如图3.
1所示.
图3.
1标题字体大小3.
2设置字体颜色通常在网页中看到的五彩缤纷的字体,有清醒一点的、有淡薄一点的,颜色搭配好了,用户从视觉上认可该网页,这样才有可能继续读下去.
字体颜色的语法简单易学,是由color表示,语法形式如下:标签中的参数color后面可以接RGB颜色值,如#000000.
也可以用颜色的单词·29·表示,如red.
完整实例代码,如代码3.
2所示.
代码3.
2源代码\第3章\颜色值表示的二种方式.
html字体颜色html+css完全自学手册html+css完全自学手册代码3.
2中,在字体标签中,设置color参数值分别为红色和#cccccc,在两行文字中表示两种不同颜色,同理,如果想设置更多文字颜色,可以在标签中包围文字,并设置参数color值,被包围的文字正是字体颜色设置的区域,代码3.
2中的效果如图3.
2所示.
图3.
2字体颜色技巧:根据W3C标准,建议读者设置字体颜色时,尽量用以后会学到的CSS的color属性.
3.
3设置标题字体样式关于标题,在前面一章中学过如何设置标题大小,但往往有时标题文字需要用颜色来表达其效果,在这里主要在前面的基础上再学习标题属性,如标题的颜色,标题大小.
标题颜色和大小设置要用到标题标签(#代表不同大小的标题)和前面学习的字体颜色.

·30·3.
3.
1标题的字体本节再次讲解标题h1到h6,然后在这些标题中设置不同的颜色和其他样式.
标题用表示的,#代表数字从1-6是表示标题大小从大到小,完整语法表述如下所示.
设置标题h1设置标题h2设置标题h3设置标题h4设置标题h5设置标题h6由系统提供的标题大小只有这6种,其中h1字体最大,相应的,h6是最小的.
为了体现这些字体的大小,代码3.
3演示了各个标题的大小,设置标题字体只需要在标题标签内输入文字就可以了.
代码3.
3源代码3.
3\第3章\标题字体设置.
html标题字体设置html+css完全自学手册--h1html+css完全自学手册--h2html+css完全自学手册--h3html+css完全自学手册--h4html+css完全自学手册--h5html+css完全自学手册--h6代码3.
3表示了标题用法,从h1到h6,即标题从大到小,每个标题都会占用一行(代码中没有换行符),效果如图3.
3所示.
·31·图3.
3标题字体3.
3.
2设置字体的大小和颜色上一小节的代码显示出标题字体的大小与颜色.
用标记font可以设置文本对象的大小,同时还可以对标题标记设置其大小或颜色,也可以设置标题带下划线,删除线等这些样式,代码3.
4即表示在标题中设置字体的大小与颜色.
代码3.
4标题字体的大小与颜色标题字体设置html+css完全自学手册--h1html+css完全自学手册--h2html+css完全自学手册--h3html+css完全自学手册--h4html+css完全自学手册--h5html+css完全自学手册--h6·32·代码3.
4中,设置了标题字体的颜色、大小,还对标题的字体设置下划线、删除线等.