如何編輯代碼讓網(wǎng)站的字體變得美觀
2015-02-15 分類： 網(wǎng)站建設(shè)
一般的網(wǎng)站字體用的是默認(rèn)的宋體，可是千篇一律的宋體讓人覺得毫無新鮮感，過于單調(diào)，讓人厭煩。如果你想要點(diǎn)美觀一點(diǎn)的字體怎么辦呢？很簡(jiǎn)單，學(xué)一下簡(jiǎn)單的代碼編輯。
一般字體默認(rèn)的字體設(shè)置標(biāo)簽格式：＜p＞網(wǎng)站設(shè)計(jì)＜/p＞
一般字體默認(rèn)為宋體，如果你不喜歡宋體字作為你的網(wǎng)站字體?？梢栽O(shè)置為你所希望的字體。但是你要確保網(wǎng)站字體在別人的電腦也可以顯示，不然在別人電腦上沒有字體庫，就會(huì)顯示為宋體了。
設(shè)置字體的標(biāo)簽如下：
＜p＞網(wǎng)站設(shè)計(jì)＜/p＞
標(biāo)簽具有下面三個(gè)屬性值：
size="..." 設(shè)置字體的大小，一般從1到7，它的默認(rèn)值是+3，每次改變字體都是+3或者-3。
color="..." 字體顏色的設(shè)置。定義顏色可以利用RGB的16進(jìn)制值，比如： color=“#ffffff” 。也可以直接利用顏色英文來定義，比如： color=“white”。
face="..." 字體樣式的設(shè)置，比如：face=“黑體”。或者 face=“黑體，宋體”。后者的格式，每當(dāng)瀏覽器訪問第一種字體失敗后，瀏覽器就會(huì)訪問第二種字體，依此類推。
HTML還提供了以下字體樣式標(biāo)簽：
1.六個(gè)標(biāo)題樣式
從h1到h6，如：＜h1＞網(wǎng)站設(shè)計(jì)＜/h1＞
2.定義文本
定義大字體
＜big＞網(wǎng)站設(shè)計(jì)＜/big＞
3.字體風(fēng)格
斜體字：＜em＞網(wǎng)站設(shè)計(jì)＜/em＞
粗體字：＜strong＞網(wǎng)站設(shè)計(jì)＜/strong＞
斜體+粗體字：＜strong＞＜em＞網(wǎng)站設(shè)計(jì)＜/em＞＜/strong＞
定義小字體
＜small＞網(wǎng)站設(shè)計(jì)＜/small＞或者＜small＞＜small＞＜small＞網(wǎng)站設(shè)計(jì)＜/small＞＜/small＞＜/small＞
如果你在字體標(biāo)簽中設(shè)置了size="...",那么＜big＞標(biāo)簽將不起作用。
除了以上常用字體標(biāo)簽元素外，HTML還包含很多其它標(biāo)簽，但不我們不多用。
二.CSS(層疊樣式表)改變字體
在過去頁面上的字體是一成不變的，靜靜的呆在那。當(dāng)DHTML(動(dòng)態(tài)網(wǎng)頁)出現(xiàn)后，我們能有更多方式控制字體了。一般來說，動(dòng)態(tài)字體的實(shí)現(xiàn)核心是CSS(層疊樣式表)加JavaScript。使用了以上兩項(xiàng)技術(shù)后，字體就能產(chǎn)生許多變化。
1.CSS定義字體的標(biāo)簽元素
-family: 設(shè)置字體字族。
對(duì)于以上的字體設(shè)置，我們可以采用一個(gè)方便的方法：
網(wǎng)站設(shè)計(jì)
在style定義的次序是：-style,-weight,-size,-family.
2.定義CSS字體屬性類
一般我們?cè)谥谱鲃?dòng)態(tài)字體時(shí)，我們會(huì)首先利用CSS定義出頁面字體的整個(gè)屬性，然后在頁面中引用，而不用對(duì)每段文本進(jìn)行設(shè)置，這也是實(shí)現(xiàn)動(dòng)態(tài)字體首先一步。
＜HTML＞
＜head＞
＜style type="text/CSS"＞
.tt2 { -family:"黑體"; -size: 16px; -style: normal; line-height: 17px }
＜/head＞
＜body＞
＜p＞網(wǎng)站設(shè)計(jì)＜/p＞
＜/body＞
＜/HTML＞
3.CSS定義字體和定義字體的沖突
對(duì)于CSS定義字體和定義字體，我們都要注意以下問題，比如有以下字體設(shè)置：
網(wǎng)站設(shè)計(jì)
這時(shí)侯字體大小將以-size: 200pt的定義來設(shè)置。但如果你在中加入size屬性，比如：
＜ size="5"＞網(wǎng)站設(shè)計(jì)
這時(shí)侯，字體的大小以size的設(shè)置為準(zhǔn)，如果字體的大小是200pt將不起作用。其它的屬性也是一樣。如果你無需動(dòng)態(tài)字體，就利用HTML4.0的來定義字體，需要?jiǎng)討B(tài)字體時(shí)，就需要使用CSS和JavaScritp來定義字體及引發(fā)事件。
這里的“網(wǎng)站設(shè)計(jì)”兩個(gè)字引用了.main_2類定義的字體樣式。你可以定義不同的內(nèi)容來引用。
＜HTML＞
＜head＞
＜style type="text/CSS"＞
.tt1 { -family:"宋體"; -size: 15px; -style: normal; }
.tt2 { -family:"黑體"; -size: 16px; -style: normal; }
＜/head＞
＜body＞
＜p＞網(wǎng)站設(shè)計(jì)＜/p＞
＜p＞網(wǎng)站設(shè)計(jì)＜/p＞
＜/body＞
＜/HTML＞
只要你學(xué)會(huì)了用這些代碼編輯，那么就可以為你的網(wǎng)站設(shè)置具有美觀的文字了。
新聞名稱：如何編輯代碼讓網(wǎng)站的字體變得美觀
文章路徑：http://jinyejixie.com/news2/33602.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站營(yíng)銷、響應(yīng)式網(wǎng)站、用戶體驗(yàn)、外貿(mào)網(wǎng)站建設(shè)、虛擬主機(jī)、Google
聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容
- 21個(gè)常用的網(wǎng)絡(luò)營(yíng)銷專業(yè)術(shù)語 2016-03-04
- 網(wǎng)站建立鏈接的最佳方法是什么 2016-02-06
- 做好網(wǎng)站內(nèi)容的維護(hù)，遵守自然之道 2016-04-23
- 網(wǎng)站建設(shè)優(yōu)化如何利用好網(wǎng)絡(luò)平臺(tái) 2016-03-03
- 成都網(wǎng)站建設(shè)說說外鏈的建設(shè) 2016-02-05
- 說說谷歌優(yōu)化排名的一些技術(shù) 2016-03-03
- 如何使用企業(yè)郵箱以及一些常見問題的解決方法 2015-02-15
- SEO基礎(chǔ)知識(shí)點(diǎn)匯總 2016-03-04
- 網(wǎng)站九種買家的特性以及應(yīng)對(duì)方法 2015-02-15
- 如何做好電影網(wǎng)站站長(zhǎng) 2015-02-15
- 關(guān)注用戶體現(xiàn)的網(wǎng)站才是好網(wǎng)站 2015-02-15
- 網(wǎng)站關(guān)鍵詞排名并不是網(wǎng)站價(jià)值的標(biāo)準(zhǔn)體現(xiàn) 2016-03-03
- 網(wǎng)站優(yōu)化需要我們知道百度為何K站 2016-03-03
- 創(chuàng)新SEO：成都網(wǎng)站建設(shè)為何排名首頁 2016-03-03
- 說說軟文寫作對(duì)網(wǎng)站優(yōu)化排名的重要性 2016-03-03
- 一個(gè)網(wǎng)站優(yōu)化排名是怎樣得到的 2016-03-03
- 怎樣才能把網(wǎng)站成功推廣出去 2016-03-03
- 說說網(wǎng)站優(yōu)化需要掌握的力度 2016-03-03
- 說說中英文網(wǎng)站一般的SEO過程 2016-03-02