欧美激情婬妇A片AAA毛多水多_自拍偷拍专区_日本无码在线_熟女人妻のav中文字幕精品图集_欧美性爱视频在线看
020-81959520
首頁
網(wǎng)站建設(shè)
速成網(wǎng)站
案例展示
新聞動(dòng)態(tài)
關(guān)于我們
聯(lián)系我們
網(wǎng)站問題集錦
網(wǎng)站問題集錦
新聞動(dòng)態(tài)
網(wǎng)站問題集錦
模板網(wǎng)站
星洋網(wǎng)站優(yōu)化案例
如何編輯代碼讓網(wǎng)站的字體變得美觀
發(fā)布時(shí)間:2012-04-27
來源:本站
點(diǎn)擊數(shù):
40
一般的網(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)站...
一般的網(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><font face="黑體">網(wǎng)站設(shè)計(jì)</font></p>
<font>標(biāo)簽具有下面三個(gè)屬性值:
size="..." 設(shè)置字體的大小,一般從1到7,它的默認(rèn)值是+3,每次改變字體都是+3或者-3。
color="..." 字體顏色的設(shè)置。定義顏色可以利用RGB的16進(jìn)制值,比如o color=“#ffffff” 。也可以直接利用顏色英文來定義,比如: color=“white”。
face="..." 字體樣式的設(shè)置,比如:face=“黑體”?;蛘?face=“黑體,宋體”。后者的格式,每當(dāng)瀏覽器訪問第一種字體失敗后,瀏覽器就會(huì)訪問第二種字體,依此類推。
HTML還提供了以下字體樣式標(biāo)簽:
1.六個(gè)標(biāo)題樣式
從h1到h6,如:<h1><font face="黑體" size="2">網(wǎng)站設(shè)計(jì)</font></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)簽,但不我們D多用。
二.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)簽元素
font-family: 設(shè)置字體字族。
對(duì)于以上的字體設(shè)置,我們可以采用一個(gè)方便的方法:
<span style="font:normal bold 14pt 黑體">網(wǎng)站設(shè)計(jì)</span>
在style定義的次序是:font-style,font-weight,font-size,font-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 { font-family:"黑體"; font-size: 16px; font-style: normal; line-height: 17px }
</style>
</head>
<body>
<p class="tt2">網(wǎng)站設(shè)計(jì)</p>
</body>
</HTML>
3.CSS定義字體和<font>定義字體的沖突
對(duì)于CSS定義字體和<font>定義字體,我們都要注意以下D題,比如有以下字體設(shè)置:
<span style="font-family: 宋體(KSC); font-size: 200pt"><font>網(wǎng)站設(shè)計(jì)</font></span>
這時(shí)侯字體大小將以font-size: 200pt的定義來設(shè)置。但如果你在<font>中加入size屬性,比如:
<span style="font-family: 宋體(KSC); font-size: 200pt"><font size="5">網(wǎng)站設(shè)計(jì)</font></span>
這時(shí)侯,字體的大小以size的設(shè)置為準(zhǔn),如果字體的大小是200pt將不起作用。其它的屬性也是一樣。如果你無需動(dòng)態(tài)字體,就利用HTML4.0的<font>來定義字體,需要?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 { font-family:"宋體"; font-size: 15px; font-style: normal; }
.tt2 { font-family:"黑體"; font-size: 16px; font-style: normal; }
</style>
</head>
<body>
<p class="tt1">網(wǎng)站設(shè)計(jì)</p>
<p class="tt2">網(wǎng)站設(shè)計(jì)</p>
</body>
</HTML>
只要你學(xué)會(huì)了用這些代碼編輯,那么就可以為你的網(wǎng)站設(shè)置具有美觀的文字了。
文章均為力洋網(wǎng)絡(luò)專注網(wǎng)站建設(shè),廣州網(wǎng)站建設(shè)的廣州網(wǎng)站建設(shè)公司原創(chuàng),轉(zhuǎn)載請(qǐng)注明來自https://www.le-kiz.com/FAQ/1751.html
上一篇:
面對(duì)SEO地區(qū)化趨勢(shì),我們應(yīng)采取的優(yōu)化策略
下一篇:
從客戶立場(chǎng)出發(fā),如何優(yōu)化網(wǎng)站
熱門資訊
百度愛采購,商家入駐及推廣的費(fèi)用是多少
商家如何在百度愛采購?fù)茝V
企業(yè)網(wǎng)站大揭秘之加密技術(shù)的重要性
貨架廠做網(wǎng)站,如何規(guī)劃網(wǎng)站內(nèi)容和欄目
手把手教您一步到位的網(wǎng)站詳情頁設(shè)計(jì)攻略
微信小程序?yàn)槭裁催@么火,建設(shè)小程序?qū)I(yíng)銷有哪些好處?
ASCII文章在優(yōu)化搜索引擎方面能起到什么關(guān)鍵作用
更高端的企業(yè)網(wǎng)站建設(shè)應(yīng)該遵循哪些原則?
首頁
銷售熱線
郵箱
聯(lián)系