原创 7.3 行高:line-height屬性[3]

7.3.4 瀏覽器的差別與錯誤 瀏覽器在顯示的時候往往會有自己的表現形式,例如在Opera內,行高將按照CSS定義的將行距除以2增加到內容區域的上下兩邊,而IE和Firefox則不是完全平分,如圖7-29所示。 圖7-29 

原创 7.3 行高:line-height屬性[1]

行高的概念看上去很簡單——文字行的高度,其實,行高所涉及到的基礎知識,對於今後理解其它屬性也很重要。 大片密密麻麻的文字往往會讓人覺得乏味,因此適當地調整行高(line-height)可以減低閱讀的困難與枯燥,並且使頁面顯得美觀。行

原创 4.7 CSS3新增選擇器[2]:結構僞類(Structural pseudo-classes)(1)

4.7.3 結構僞類(Structural pseudo-classes) CSS 3增加了大量的結構僞類,利用文檔結構樹來實現表現,從而可以減少頁面內class屬性和ID屬性的定義,使得文檔更加簡潔。 以下示例,請使用Win XP的Go

原创 7.3 行高:line-height屬性[2]

7.3.3 行高的計算與繼承 以em、ex和百分比爲單位的行高,其基數是元素本身的字體尺寸。例如有代碼如下: <p style="font-size:20px;line-height:2em;">字高20px,行高2em。</p

原创 4.5 繼承

4.5 繼承 在本書的[3.3.2繼承與層疊]一節曾經簡要介紹過繼承:(X)HTML元素可以從其父元素那裏繼承部分CSS屬性,即使當前元素並沒有定義該屬性。 4.5.1 值的繼承 繼承也是基於文檔樹的,文檔樹中元素的某些屬性可以被其子元素

原创 網頁設計適用的花紋banner

作者:angie123 日期:2008-06-23 http://airuan.net/article.asp?id=1851 共有17個,尺寸爲256x256的透明圖

原创 網頁製作的超強問題集錦

這些都是我平時遇到的問題。一些問題一開始真的很抓狂,後來遇到多了,覺得可以收集下來,當作調劑品來看。同時,提醒新人們,不要鬧這樣的笑話。 只是笑話,請

原创 發現與解決問題

今天很鬱悶,本來以爲馬上就能完稿了,結果被編輯打擊了一番,說書裏面的圖不夠吸引人,實例不夠多不夠漂 亮,沒有發揮彩書的特點等等,讓我從本來已經望見彼岸的興奮一下跌入黑暗的深淵。這篇文,是書裏面的一個小節,正好整理到這裏,想起每天在羣裏面對

原创 4.6層疊

在本書的[2.3.1 (X)HTML與瀏覽器內置樣式]一節曾經介紹過,樣式表可能有三個不同的來源:製作者、用戶和瀏覽器。這三個來源的樣式表可能在範圍上

原创 (X)HTML的文檔結構

前言: 書終於完稿了,我也有了一些自己的時間,於是決定將書中講到的一些比較常見的知識點整理出來,發在Blog裏面。當然也不會完全發表出來,畢竟還是要賣書掙錢買貓糧的。 CSS通過與(X)HTML的文檔結構相對應的選擇器(selector)

原创 網站內容結構化探討[1]

  無意間瀏覽到一個承接網頁製作的公司的網站——唐宋中國。   首先網站的設計給我一個很好的印象,因此特意留意了一下它的源代碼(做頁面的職業病),結果發現了一些問題,而這些問題,可能正好是學習web標準的人常常會遇到的。 懶惰了很久,正在

原创 overflow的另類用法

有人問這個問題: 左右佈局,圖片的寬度不固定。 正好前幾天測試閉合浮動元素時發現了overflow的特殊現象,倒是正好可以用在這裏。 測試通過:ie6/7 ff2.0 opera9.2 safari 3.0 不過這只是個原形,沒有更嚴

原创 可愛得一塌糊塗

  90度     六一快樂!   啊 我踩到什麼了呀~   媽媽說潛水得都是色狼   不要拍了,人家今天沒心情啦   搶板凳~撒手~就不撒手~   傳說中的沙發~我來坐   俺也來個高難大回環!   安紅 餓想泥~  

原创 客戶體驗

  2008年10月8日 星期三 12:23:34   前兩天,編輯建議我去噹噹和卓越申請個用戶,在網站上放上我的書的鏈接,這樣還可以拿到一些反點兒,於是我興沖沖地跑到幾個網站上去看,卻只 在卓越(對了,人家現在叫亞馬遜)上看到一個參加聯

原创 左右內容高度不定,使用border實現中間分割線

今天q羣裏有個網友需要一個豎線,分割左右兩邊,但是兩邊的高度又不定,可能左邊高也可能右邊高,如果給左邊或者右邊定義邊線都有可能會無法貫通整個高度。