熱門標(biāo)簽
- 葛蘭網(wǎng)站制作公司
- 廣州教育網(wǎng)站設(shè)計如何
- 陽眷SEO
- 五結(jié)網(wǎng)站建設(shè)公司
- 陳家港網(wǎng)頁制作
- 河南三門峽經(jīng)濟開發(fā)區(qū)網(wǎng)站開發(fā)
- 小華山網(wǎng)站定制
- 上望網(wǎng)站開發(fā)
- 設(shè)計素材哪個網(wǎng)站好
- 七里湖網(wǎng)頁設(shè)計公司
- 大榭制作網(wǎng)站
- 內(nèi)部網(wǎng)站設(shè)計意見問卷
- 銅溪高端網(wǎng)站建設(shè)
- 雄關(guān)區(qū)高端網(wǎng)站建設(shè)
- 傅家堰網(wǎng)站優(yōu)化
- 木葉網(wǎng)站建設(shè)公司
- 梁湖SEO
- 濰坊新村制作網(wǎng)站
- 江夏經(jīng)濟開發(fā)區(qū)藏龍島高新技術(shù)產(chǎn)業(yè)園網(wǎng)站設(shè)計公司
- 寧遠(yuǎn)營銷型網(wǎng)站建設(shè)
熱文推薦
- 響應(yīng)方程的三個基本原理網(wǎng)站設(shè)計
- 深圳網(wǎng)站制作,個人網(wǎng)站制作要如何…
- 設(shè)計如何符合百度營銷優(yōu)化規(guī)則網(wǎng)站…
- 阿里招聘設(shè)計師要求,BAT招聘設(shè)計師…
- 一個成熟的網(wǎng)站還需要關(guān)注的三個方…
- 展示型網(wǎng)站 多圖片網(wǎng)站如何選擇關(guān)…
- 網(wǎng)站建設(shè)制作前需注意哪些方面
- 做一個B2C商城網(wǎng)站需要準(zhǔn)備什么資…
- 2016年清明節(jié)放假通知
- 網(wǎng)站優(yōu)化:15個導(dǎo)致用戶快速逃離網(wǎng)…
使用CSS更改字體
深圳網(wǎng)站建設(shè)使用CSS變更字體
大多數(shù)web設(shè)計用戶想做的**件事就是改變網(wǎng)頁的字體,尤其是標(biāo)題的字體。如圖3.1所示,標(biāo)題是大多數(shù)網(wǎng)頁的一個重要部分,但是當(dāng)沒有定義樣式時,它總是顯得很大和粗糙。
您可以使用一些樣式屬性為頁面上的字體、標(biāo)題文本和其他文本自定義樣式,主要包括以下樣式屬性。
gt;font-size--字體大小。
gt;font-weight--字體粗細(xì)。
gt;font-樣式---斜體/非斜體。
gt;font-variant-小寫字母。
gt;fontmdash;mdash; 在同一行上書寫上述任何樣式的方便方法。
所有這些屬性都非常有用,**值得注意的是font屬性。如前所述,它使開發(fā)表能夠在一個字符中指定大多數(shù)字體樣式。使用font屬性的語法是:font:font-style font-variant font-weightfontsize/行-heightfont-family;大多數(shù)字體樣式都是簡單的font-斜體,font-weight(粗體)或font-size粗體或12像素高的字體樣式。然而,許多初學(xué)者仍然難以面對font-family風(fēng)格屬性。
在為HTML卸扣選擇字體時,還需要考慮用戶設(shè)備上的字體庫。換句話說,當(dāng)使用自定義字體時,比如從fontsquirrd.com下載的免費字體,只有下載相同字體的用戶才能正常顯示。否則,可能會導(dǎo)致瀏覽器出現(xiàn)一些問題。
為了確保網(wǎng)頁的外觀與構(gòu)思一致,可以使用按使用順序排序的字體列表,也稱為字體堆棧??梢愿鶕?jù)需要控制堆棧中字體的數(shù)量,但應(yīng)使用通用字體族來完成列表。字體系列包括以下內(nèi)容。
gt;cursive燃?xì)廨啓C;幻想;單空間gt;sans序列號;襯線
3.1.3使用CSS設(shè)計布局
CSS是一款非常實用的網(wǎng)頁布局工具,通過它可以隨意定制網(wǎng)頁布局。浮動和絕對定位(AbsolutePositioning)是兩種基本的布局定位方法。float根據(jù)CSS屬性float按指定的寬度放置元素,而絕對定位根據(jù)確切的位置將元素放置在頁面上。
在布局網(wǎng)頁之前,您需要了解它是如何形成的。文檔中每個元素的默認(rèn)形狀都是正方形,即使該形狀沒有顯示。**簡單的觀察方法是使用border屬性為元素添加1:邊框。語法如下:
border:ipx實心黑;
每個網(wǎng)頁上的框包括內(nèi)容區(qū)(content),補白Padding)、邊框(border)和邊距(Margin)。零件如圖3.2所示。您可以使用CSS更改任何零件的寬度和厚度。要使用CSS更改長方體模型,可以使用以下樣式特性。
gt;Margingt;Paddinggt;bordergt;height燃?xì)廨啓C;寬度