深圳網(wǎng)站建設(shè)使用CSS更改字體

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

可以使用一些樣式屬性來(lái)為頁(yè)面上的字體、標(biāo)題文字及其他文字定制樣式，主要包括以下樣式屬性。

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

>font-weight--字體粗細(xì)。

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

>font-variant-小寫字母。

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

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

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

為了確保Web頁(yè)面外觀與設(shè)想一致，可以使用按使用順序排序的字體列表，也稱之為字體堆棧。可以隨心所欲地控制堆棧中的字體數(shù)量，但應(yīng)該使用通用字體族來(lái)完成此列表，該字體族包括以下一些。

>cursive
>fantasy
>monospace
>sans serif
>serif

3.1.3使用CSS設(shè)計(jì)布局

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

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

border: ipx solid black;

每個(gè)Web頁(yè)面上的盒都包括內(nèi)容區(qū)域（Content)、補(bǔ)白（Padding)、邊框（Border)以及邊距（Margin)。從圖3.2中示出了各個(gè)部分。可以使用CSS來(lái)改變?nèi)魏尾糠值膶挾燃昂穸取Ｒ褂肅SS改變盒模型，可以使用下列樣式屬性。

>margin
>padding
>border
>height
>width