瀏覽器發展/CSS布局/怎樣運用?

css|瀏覽器

瀏覽器發展/CSS布局/怎樣合理運用?

IE7正在逼近...為什麼使用逼近這個字眼呢?因為我為曾經使用CSS布局的網站感到擔憂.

CSS Hack

曾經為了讓多個瀏覽器達到同樣的效果,使用的又是CSS布局,我使用了CSS Hack.但隨著IE7的到來,一些作用的失效,布局又出現了嚴重的問題.難道我們所提倡的CSS布局就是這樣的讓人不安麼?

出現問題自然會讓人想到出現問題的原因.其實不難發現我們使用CSS Hack都是在解決一些雞毛蒜皮的小事,把原本乾乾淨淨的CSS樣式表弄的神秘又讓人不解,我想這並不是CSS給我們帶來的驚喜,而是場災難.

CSS布局合適麼?

可能讀到這裡都會有這樣的疑問出現了,其實自從學習並開始在實踐中使用這個布局技術後我就會經常問自己這個問題.

我的第一個作品,可是說是真正執行了CSS+DIV這樣的思路,可當我移掉樣式表後,發現沒有什麼層次,文字圖片胡亂地堆積在每個角落.於是使用布局的時候就得考慮標籤的合理使用.

後來使用了傳說中的FF瀏覽器,然後發現自己以前的N個作品在這個瀏覽器面前可以用醜陋來形容.也是從那天我才知道這個救世主並沒有想象裡那麼讓人嚮往.

現在問題又出現在了瀏覽器的交替問題上,似乎所有的問題都要歸功於這個巨頭的不時地出現新產品

堅持?還是合理使用?

可能現在沒有過去那種因為自己用這個技術做了網站而沾沾自喜的人了.畢竟已經比較普遍了,因此更應該讓使用的人們知道這個布局技術可能出現的問題,以及應該怎樣合理的運用才是.

總結了下:

1.使用市場流行的瀏覽器進行測試
不要拿老的幾乎看不到有人使用的瀏覽器來做測試,那是自虐...

2.不要動不動就使用div
你如果這樣做,會很對不起其他的HTML標籤...

3.做地區布局而不是細節布局
如果你想拿CSS來做象素圖,我只能說,你把這個技術神化了...

4.盡量不要使用HACK
如果你自信能隨時掌握各瀏覽器HACK的話,繼續吧..可能會比較辛苦

5.使用簡單布局
當你使用了N個嵌套,知道麼,DIV和table一樣煩人

6.合理使用樣式名稱
不一定用洋文,知道能馬上知道是起什麼作用的就行了

7.不要一味將樣式寫進單獨的檔案裡
沒必要為了一張頁面中一個文字的特殊顏色而跑到.css檔案裡讓它在每個頁都讀取下吧?

8.該用table布局就用table
不要搞的頁面裡找不到table才能算是標準頁,效果,我們看的是效果.別忘記table的英文意思

後話

其實什麼技術都是有一定的局限的,只有活用每個技術的優點才能做出優秀的作品.上面那些見解歸我個人所有,近日經常能找到一些站轉載一些翻譯的文章,雖然我並不反對這樣做,但我想轉載文章的這些時間自己總結些東西,發布在自己的站上應該更不錯吧? 又是我個人一點小小的牢騷...呵呵,希望看完這些能對大家有些協助