欧美xxxxx做受vr,日韩精品欧美国产在线,欧美亚洲综合色在

主頁(yè) > 知識(shí)庫(kù) > 標(biāo)記語(yǔ)言——為文字指定CSS樣式

標(biāo)記語(yǔ)言——為文字指定CSS樣式

點(diǎn)擊這里返回腳本之家　HTML教程　欄目．想瀏覽CSS教程請(qǐng)點(diǎn)這里。
上文：標(biāo)記語(yǔ)言——CSS布局。 Chapter 13 為文字指定樣式
我想以一章的篇幅來(lái)討論用CSS設(shè)定文字樣式的做法是個(gè)好點(diǎn)子.一般處理文字內(nèi)容大概是應(yīng)用CSS最多的地方,就算對(duì)沒有完全遵守標(biāo)準(zhǔn)的網(wǎng)站來(lái)說(shuō)也是一樣.去掉網(wǎng)頁(yè)中反復(fù)出現(xiàn)的<font>標(biāo)簽曾經(jīng)是(現(xiàn)在也是)十分吸引設(shè)計(jì)者的事情,而且不難看出以CSS控制文字排印的巨大優(yōu)勢(shì),也就是進(jìn)一步分離內(nèi)容和展示方式.
從先前的很多例子我們知道了CSS能處理許多情況,而設(shè)定文字樣式就算對(duì)最基本的網(wǎng)頁(yè)來(lái)說(shuō)也是加上設(shè)計(jì)元素最簡(jiǎn)單的方法.同時(shí),以CSS為文字加上樣式也能讓我們避免在頁(yè)面內(nèi)加上不必要的圖片.
在這一章里,我們將看到CSS如何把一段乏味普通的文字帶到另一個(gè)高度(以新色彩,大小和字體). 如何讓超文本看起來(lái)更酷?
指定文字樣式是CSS最擅長(zhǎng)的工作之一,就算是面對(duì)略嫌老舊,不完整支持CSS進(jìn)階功能的瀏覽器也是一樣.在過去,設(shè)計(jì)者與開發(fā)者或許會(huì)想在設(shè)計(jì)文字達(dá)到大小,粗體之外的效果時(shí),制作出以今日標(biāo)準(zhǔn)來(lái)看無(wú)法忍受并且難以使用的網(wǎng)頁(yè)(曾經(jīng)看過文字大多以圖片表現(xiàn)的網(wǎng)頁(yè)嗎?但你又恰巧在使用文字瀏覽器的時(shí)候...)
為了提供你一些使用圖片之外的替代方法同時(shí)能回答上面這個(gè)問題,在這章中,會(huì)用一段尚未設(shè)定樣式的文字作為開頭,逐漸為它加上各種CSS規(guī)則,使它成為引人注目的設(shè)計(jì). 不斷改變的Times
開始先以瀏覽器的預(yù)設(shè)字體看一段即將處理的文字.以我的情形來(lái)說(shuō),預(yù)設(shè)字體是16像素的Times.并在Mac OS X上面使用Safari瀏覽器,因?yàn)檫@樣,所以看到的文字會(huì)是以反鋸齒方式描繪的,如果是使用Windows XP并啟動(dòng)了ClearType的話,也能看到類似的效果.
Times(或者是變體 Times New Roman)是許多瀏覽器的預(yù)設(shè)字體,然而,這很容易被使用者改成他們自己喜歡的字體,因此你當(dāng)然不能依賴這個(gè)預(yù)設(shè)值.
圖1301顯示了我們?cè)诒菊吕锸褂玫纳形醇由蠘邮降奈淖謨?nèi)容:一個(gè)以<h1>標(biāo)記的簡(jiǎn)單標(biāo)題,跟這是三段家居裝潢的技巧說(shuō)明.

圖13-1 瀏覽器顯示標(biāo)題,文字的預(yù)設(shè)效果改變行高
最簡(jiǎn)單,最有效的文字樣式效果之一,是line-height屬性,在每行文字之間加上一些額外的空間,就能讓文字段落更容易閱讀,更吸引人,也能為你的頁(yè)面帶來(lái)奇妙的效果.
只要為<body>標(biāo)簽加上以下的CSS規(guī)則就能完成這個(gè)技巧.當(dāng)然也可以為其它標(biāo)簽加上這條規(guī)則,比如說(shuō)只想改變<p>的行高.

body {
line-height: 1.5em;
}

這段代碼的意義是:頁(yè)面上文字的行高應(yīng)該是文字高度的1.5倍.我喜歡在指定line-height的時(shí)候使用em單位,因?yàn)樗鼈儠?huì)隨著字體大小而改變.
圖13-2顯示的是加上line-height之后的效果.

圖13-2 預(yù)設(shè)文字加上行高之后的效果
看起來(lái)已經(jīng)變得很棒了,小小的line-height能辦到的效果實(shí)在驚人.

上一頁(yè)12 3 4 5 下一頁(yè) 閱讀全文

標(biāo)簽：河池晉中阜陽(yáng) 北海眉山營(yíng)口崇左青海

巨人網(wǎng)絡(luò)通訊聲明：本文標(biāo)題《標(biāo)記語(yǔ)言——為文字指定CSS樣式》，本文關(guān)鍵詞標(biāo)記,語(yǔ)言,為,文字,指定,；如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題，煩請(qǐng)?zhí)峁┫嚓P(guān)信息告之我們，我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò)，涉及言論、版權(quán)與本站無(wú)關(guān)。

欧美阿v视频在线大全_亚洲欧美中文日韩V在线观看_www性欧美日韩欧美91_亚洲欧美日韩久久精品

標(biāo)記語(yǔ)言——為文字指定CSS樣式