使用CSS更改字體
深圳網站建設使用CSS變更字體
大多數web設計用戶想做的**件事就是改變網頁的字體,尤其是標題的字體。如圖3.1所示,標題是大多數網頁的一個重要部分,但是當沒有定義樣式時,它總是顯得很大和粗糙。
您可以使用一些樣式屬性為頁面上的字體、標題文本和其他文本自定義樣式,主要包括以下樣式屬性。
gt;font-size--字體大小。
gt;font-weight--字體粗細。
gt;font-樣式---斜體/非斜體。
gt;font-variant-小寫字母。
gt;fontmdash;mdash; 在同一行上書寫上述任何樣式的方便方法。
所有這些屬性都非常有用,**值得注意的是font屬性。如前所述,它使開發表能夠在一個字符中指定大多數字體樣式。使用font屬性的語法是:font:font-style font-variant font-weightfontsize/行-heightfont-family;大多數字體樣式都是簡單的font-斜體,font-weight(粗體)或font-size粗體或12像素高的字體樣式。然而,許多初學者仍然難以面對font-family風格屬性。
在為HTML卸扣選擇字體時,還需要考慮用戶設備上的字體庫。換句話說,當使用自定義字體時,比如從fontsquirrd.com下載的免費字體,只有下載相同字體的用戶才能正常顯示。否則,可能會導致瀏覽器出現一些問題。
為了確保網頁的外觀與構思一致,可以使用按使用順序排序的字體列表,也稱為字體堆棧。可以根據需要控制堆棧中字體的數量,但應使用通用字體族來完成列表。字體系列包括以下內容。
gt;cursive燃氣輪機;幻想;單空間gt;sans序列號;襯線
3.1.3使用CSS設計布局
CSS是一款非常實用的網頁布局工具,通過它可以隨意定制網頁布局。浮動和絕對定位(AbsolutePositioning)是兩種基本的布局定位方法。float根據CSS屬性float按指定的寬度放置元素,而絕對定位根據確切的位置將元素放置在頁面上。
在布局網頁之前,您需要了解它是如何形成的。文檔中每個元素的默認形狀都是正方形,即使該形狀沒有顯示。**簡單的觀察方法是使用border屬性為元素添加1:邊框。語法如下:
border:ipx實心黑;
每個網頁上的框包括內容區(content),補白Padding)、邊框(border)和邊距(Margin)。零件如圖3.2所示。您可以使用CSS更改任何零件的寬度和厚度。要使用CSS更改長方體模型,可以使用以下樣式特性。
gt;Margingt;Paddinggt;bordergt;height燃氣輪機;寬度