DIV CSS網頁設計 有用的3個CSS技巧

2022-09-25 13:03:06 字數 866 閱讀 2055

一、在一行內宣告css

複製**

**如下:

h2

h2 第二種看起 來的確格式化,但是不會在閱讀上有任何幫助。寫在一行內可以讓你更快的找到需要的部分。  以前我也是寫成類似第二種方式,但是逐漸發現就像文章 說的一樣,沒多大用。一行看起來又爽快又省地方還能讓檔案更小。

二、分塊書寫**

這樣書寫**可以讓css更頁面化,在出現問題時候可以最短時間內找到問題所在。就像下面這樣:

複製**

**scgayqt如下:

#content #content p

#sidebar #sidebar p #footer #sidebar p

三、瀏覽器相容問題  只支援最新的瀏覽器。也就是說要放棄ie5和ie5.5。這樣一來就能省下很多時間。對於ie6來說 不用使用盒模型hack。如果只針對流行瀏覽器的話,只需要很少的hack就能實現同樣的效果。

我注意了一下網易新版主頁的css,其中竟然 乙個!impowww.cppcns.comrtant或者hack都沒有,可是在ff和ie裡面顯示效果都很好。合理的使用css可以避免hack。當然,除錯的時間會多一些。

包含浮動元素所有在容器 內的內容都應該被設計為和容器保持一致。如果過大的話就會滑動到錯誤位置。使用負值margin調整到容器外同樣會導致滑動。

理解 overflow如果頁面中有兩個浮動元素,在左容器內輸出過多內容的話就會導致右側容器跑到下面。這也就是說你的margin、寬度或者padding 設定混亂了,不過在ff裡面體現不出來。使用overflow:hidden或者overflow:scroll可以避免ie允許內容衝出容器。

本文標題: div css網頁設計 有用的3個css技巧

本文位址:

網頁設計DIV CSS 第3 天 定義語言編碼

第三步是定義你的語言編碼,類似這樣 為了被瀏覽器正確解釋和通過 w3c 校驗,所有的 xhtml 文件都必須宣告它們所使用的編碼語言,我們一般使用 gb2312 簡體中文 製作多國語言頁面也有可能用 unicode iso 8859 1等,根據你的需要定義。通常這樣定義就可以了。但是要補充說明的是,...

3個比較有用的網頁製作技巧

一 在一行內宣告css 複製 如下 h2 h2 第二種看起 來的確格式化,但是不會在閱讀上有任何幫助。寫在一行內可以讓你更快的找到需要的部分。以前我也是寫成類似第二種方式,但是逐漸發現就像文章 說的一樣,沒多大用。一行程式設計客棧看起來又爽快又省地方還能讓檔案更小。二 分塊書寫 這樣書寫 可以讓cs...

網頁設計採用div css的優點和缺點

優點 1.一般div css頁面都是將html和css檔案分開,也就是說乙個網頁的內容和表現形式的分離,這樣更利於後期整個 的維護,一般只要修改css檔案中的乙個css屬性就可以修改頁面的樣式,例如背景顏色,字型等,這是table布局不具有的 4.有利於搜尋引擎的搜尋,用只包含結構化內容的html代...