将字体信息集中到一个CSS文件中具有许多明显的优点:它易于操作,不需要任何特殊的软件,并且能够在大多数主流浏览器中统一运行。更重要的是,由于信息集中到一个单独的位置,修改网页的视觉外观相当方便:你只需简单修改主式样表的字体或颜色,相关改变就会立即“层叠”到你的整个网站中。
听起来很有趣,是吗?那么请继续阅读下去,因为我将在本文中探讨CSS font属性,它旨在替代旧有的<font>元素,如果你需要对HTML页面的字样、颜色、文字大小和间距进行集中控制,它是一个可利用的强大工具。
控制字样
字体属性定义了对应元素所使用的字体。这个属性通常包含一个由逗号隔开的字体名称列表;并可以用引号来封套那些包含空白的名称。应用时,浏览器将使用它在列表中找到的第一个字体,或如果没有找到有效字体,就使用默认的标准浏览器字体。
列表A中是这个指示的一个应用实例:
列表A
<html> <head> <style type="text/css"> .quote { font-family: "Bookman Old Style", "Verdana"; } </style> </head> <body> <div class="quote">To be 0r not to be, that is the question.</div> </body> </html> |
图A显示输出结果。
图A
Font_family
如果您觉得本网站对您的学习有所帮助,可以手机扫描二维码进行捐赠