佳木斯湛栽影视文化发展公司
主頁 > 知識庫 > 標記語言——為文字指定CSS樣式

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

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

body {
line-height: 1.5em;
}

這段代碼的意義是:頁面上文字的行高應該是文字高度的1.5倍.我喜歡在指定line-height的時候使用em單位,因為它們會隨著字體大小而改變.
圖13-2顯示的是加上line-height之后的效果.

圖13-2 預設文字加上行高之后的效果
看起來已經(jīng)變得很棒了,小小的line-height能辦到的效果實在驚人.
上一頁12 3 4 5 下一頁 閱讀全文

標簽：煙臺 通遼 山南 懷化 湖北 黃山 賀州 湘潭

巨人網(wǎng)絡通訊聲明：本文標題《標記語言——為文字指定CSS樣式》，本文關鍵詞  ；如發(fā)現(xiàn)本文內(nèi)容存在版權問題，煩請?zhí)峁┫嚓P信息告之我們，我們將及時溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡，涉及言論、版權與本站無關。
  • 相關文章
  • 收縮
    • 微信客服
    • 微信二維碼

    • 電話咨詢

    • 400-1100-266
    灌南县| 兴隆县| 萨迦县| 高邮市| 临汾市| 即墨市| 图片| 新蔡县| 阳朔县| 庐江县| 庆城县| 天门市| 阳原县| 东宁县| 宽甸| 苗栗县| 新沂市| 邵阳县| 沙河市| 嫩江县| 新民市| 朝阳区| 双城市| 洛浦县| 叙永县| 东台市| 太仆寺旗| 盖州市| 托里县| 定襄县| 双桥区| 惠州市| 永兴县| 连平县| 岫岩| 天门市| 新龙县| 攀枝花市| 沂南县| 北川| 铜川市|