推薦3個所謂的「頂級」CSS技巧!

2021-08-30 18:54:16 字數 886 閱讀 1255

一、在一行內宣告css

[www.52css.com]

h2  

h2  

第二種看起來的確格式化,但是不會在閱讀上有任何幫助。寫在一行內可以讓你更快的找到需要的部分。

以前我也是寫成類似第二種方式,但是逐漸發現就像文章說的一樣,沒多大用。一行看起來又爽快又省地方還能讓檔案更小。

二、分塊書寫**

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

[www.52css.com]

#content  

#content p  

#sidebar  

#sidebar p  

#footer  

#sidebar p  

三、瀏覽器相容問題

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

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

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

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

推薦一些所謂的CSS的「頂級」技巧

字型大小使用px 在一行內宣告css對比下面兩個 以下是引用片段 h2 h2 第二種看起來的確格式化,但是不會在閱讀上有任何幫助。寫在一行內可以讓你更快的找到需要的部分。以前我也是寫成類似第二種方式,但是逐漸發現就像文章說的一樣,沒多大用。一行看起來又爽快又省地方還能讓檔案更小。分塊書寫 這樣書寫 ...

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

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

分享7款頂級的CSS3動畫特效

1 css3 svg文字背景動畫 超酷的文字特效 2 css3下劃線跟隨動畫選單 背景色漸變 今天我們要來分享一款css3選單,這款選單的特點就是有一條下劃線跟隨滑鼠移動,當滑鼠滑過選單項時,下劃線跟隨動畫就會出現,並對當前啟用的選單項進行下劃線加粗。另外,選單項的背景色也有漸變的動畫效果,選單整體...