深圳網站建設使用CSS更改字體

大部分Web設計者萏先想做的事情就是更改Web頁面字體，特別是更改標題字體。如圖3.1所示，標題為大部分Web頁面的電要組成部分，但在未對其定義樣式時，總是顯得龐大而粗糙。

可以使用一些樣式屬性來為頁面上的字體、標題文字及其他文字定制樣式，主要包括以下樣式屬性。

>font-size----字體尺寸。

>font-weight--字體粗細。

>font-style---斜體/非斜體。

>font-variant-小寫字母。

>font——將以上樣式中的任意個寫在同一行的便捷方法。

以上性都很有用，而其中最值得關注的是font屬性。如前所述，它讓能夠開發(fā)表用一個性來指定大部分字體樣式。
使用font屬性的語法為：
font: font-style font-variant font-weight font size/line-height font-family;
大部分字體樣式都很簡單。font-style對應斜體，font-weight (bold)或font-size樣式性對應粗體或12像素高的字體。盡管如此，許多初學者在面對font-family樣式屬性時還是會感到困難。

在為HTML文梏選擇字體時，還需要考慮到用戶設備上的字體庫。換言之，在使用自定義字體，例如從FontSquirrd.com下載的免費字體時，只有用戶也下載了同樣的字體才能正常顯示。否則，它可能給瀏覽器造成一些問題。

為了確保Web頁面外觀與設想一致，可以使用按使用順序排序的字體列表，也稱之為字體堆棧?？梢噪S心所欲地控制堆棧中的字體數量，但應該使用通用字體族來完成此列表，該字體族包括以下一些。

>cursive
>fantasy
>monospace
>sans serif
>serif

3.1.3使用CSS設計布局

CSS是一種十分有用的Web頁面布局工具，可以通過它來隨心所欲地定制Web頁面布局。漂?。‵loating)和絕對定位（AbsolutePositioning)是兩種基本布局定位方法。漂浮根據CSS屬性float將元素按指定寬度依次放置，而絕對定位則將元素按精確位置放S在頁面上。

在為Web頁面布局之前，需要了解Web頁面的形成。文檔中的每一個元素的默認形狀
都是方形，即使這個形狀不顯示出來也是如此。最簡單的觀察方法是使用border屬性為元素
加1： 一個邊框，語法如下：

border: ipx solid black;

每個Web頁面上的盒都包括內容區(qū)域（Content)、補白（Padding)、邊框（Border)以及邊距（Margin)。從圖3.2中示出了各個部分。可以使用CSS來改變任何部分的寬度及厚度。要使用CSS改變盒模型，可以使用下列樣式屬性。

>margin
>padding
>border
>height
>width