|
瀏覽器發(fā)展/CSS布局/怎樣合理運用?
IE7正在逼近...為什么使用逼近這個字眼呢?因為我為曾經(jīng)使用CSS布局的網(wǎng)站感到擔(dān)憂.
CSS Hack
曾經(jīng)為了讓多個瀏覽器達(dá)到同樣的效果,使用的又是CSS布局,我使用了CSS Hack.但隨著IE7的到來,一些作用的失效,布局又出現(xiàn)了嚴(yán)重的問題.難道我們所提倡的CSS布局就是這樣的讓人不安么?
出現(xiàn)問題自然會讓人想到出現(xiàn)問題的原因.其實不難發(fā)現(xiàn)我們使用CSS Hack都是在解決一些雞毛蒜皮的小事,把原本干干凈凈的CSS樣式表弄的神秘又讓人不解,我想這并不是CSS給我們帶來的驚喜,而是場災(zāi)難.
CSS布局合適么?
可能讀到這里都會有這樣的疑問出現(xiàn)了,其實自從學(xué)習(xí)并開始在實踐中使用這個布局技術(shù)后我就會經(jīng)常問自己這個問題.
我的第一個作品,可是說是真正執(zhí)行了CSS+DIV這樣的思路,可當(dāng)我移掉樣式表后,發(fā)現(xiàn)沒有什么層次,文字圖片胡亂地堆積在每個角落.于是使用布局的時候就得考慮標(biāo)簽的合理使用.
后來使用了傳說中的FF瀏覽器,然后發(fā)現(xiàn)自己以前的N個作品在這個瀏覽器面前可以用丑陋來形容.也是從那天我才知道這個救世主并沒有想象里那么讓人向往.
現(xiàn)在問題又出現(xiàn)在了瀏覽器的交替問題上,似乎所有的問題都要歸功于這個巨頭的不時地出現(xiàn)新產(chǎn)品
堅持?還是合理使用?
可能現(xiàn)在沒有過去那種因為自己用這個技術(shù)做了網(wǎng)站而沾沾自喜的人了.畢竟已經(jīng)比較普遍了,因此更應(yīng)該讓使用的人們知道這個布局技術(shù)可能出現(xiàn)的問題,以及應(yīng)該怎樣合理的運用才是.
總結(jié)了下:
1.使用市場流行的瀏覽器進(jìn)行測試
不要拿老的幾乎看不到有人使用的瀏覽器來做測試,那是自虐...
2.不要動不動就使用div
你如果這樣做,會很對不起其他的HTML標(biāo)簽...
3.做區(qū)域布局而不是細(xì)節(jié)布局
如果你想拿CSS來做象素圖,我只能說,你把這個技術(shù)神化了...
4.盡量不要使用HACK
如果你自信能隨時掌握各瀏覽器HACK的話,繼續(xù)吧..可能會比較辛苦
5.使用簡單布局
當(dāng)你使用了N個嵌套,知道么,DIV和table一樣煩人
6.合理使用樣式名稱
不一定用洋文,知道能馬上知道是起什么作用的就行了
7.不要一味將樣式寫進(jìn)單獨的文件里
沒必要為了一張頁面中一個文字的特殊顏色而跑到.css文件里讓它在每個頁都讀取下吧?
8.該用table布局就用table
不要搞的頁面里找不到table才能算是標(biāo)準(zhǔn)頁,效果,我們看的是效果.別忘記table的英文意思
后話
其實什么技術(shù)都是有一定的局限的,只有活用每個技術(shù)的優(yōu)點才能做出優(yōu)秀的作品.上面那些見解歸我個人所有,近日經(jīng)常能找到一些站轉(zhuǎn)載一些翻譯的文章,雖然我并不反對這樣做,但我想轉(zhuǎn)載文章的這些時間自己總結(jié)些東西,發(fā)布在自己的站上應(yīng)該更不錯吧? 又是我個人一點小小的牢騷...呵呵,希望看完這些能對大家有些幫助
出處：網(wǎng)絡(luò)維他命
責(zé)任編輯：moby
◎進(jìn)入論壇網(wǎng)站綜合、網(wǎng)頁制作版塊參加討論
|
