瀏覽器發(fā)展-CSS布局-怎樣運(yùn)用-

2020-03-24 17:58:30

字體：大中小

供稿：網(wǎng)友

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

鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除，多謝。

上一篇：HTML5+CSS3BusinessTheme項(xiàng)目的總結(jié)

下一篇：瀏覽器兼容HTML5和CSS3的問題