將字體信息集中到一個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
如果您覺得本網站對您的學習有所幫助,可以手機掃描二維碼進行捐贈