DIV+CSS設(shè)計(jì)的誤區(qū)_Div+CSS教程
當(dāng)DIV+CSS平地起驚雷突然出現(xiàn)在網(wǎng)頁(yè)設(shè)計(jì)行業(yè)的時(shí)候,官方、民間無(wú)不推崇備至,仿佛Table設(shè)計(jì)的時(shí)代就要終結(jié),馬上就要步入 DIV+CSS的時(shí)代,不懂得DIV+CSS你都不好意思說(shuō)你會(huì)網(wǎng)頁(yè)設(shè)計(jì),不知DIV+CSS你都不好意思說(shuō)你是站長(zhǎng),你要還是用TABLE來(lái)設(shè)計(jì)站點(diǎn), 無(wú)數(shù)鄙夷之光就投射而來(lái)。
然而DIV+CSS真的有這么神嗎?該怎么真正的利用DIV+CSS優(yōu)化站點(diǎn),而不是掛羊頭賣狗肉,插大蔥裝大象呢?

DIV+CSS的設(shè)計(jì)中有幾點(diǎn)誤區(qū),尤其應(yīng)該澄清:
1、DIV+CSS的合理之處在于可以進(jìn)行網(wǎng)頁(yè)的統(tǒng)一設(shè)計(jì)管理,通過(guò)一個(gè)樣式表,牽一發(fā)而動(dòng)全身,只要修改樣式表,就可以統(tǒng)一全站的風(fēng)格,如果為一 個(gè)頁(yè)面單獨(dú)做一個(gè)樣式表,或者一個(gè)div就做一個(gè)樣式表,沒有全局設(shè)計(jì)觀念,那么這個(gè)div+CSS的設(shè)計(jì)方式就完全沒有必要,甚至成了累贅;
2、像Table一樣用DIV+CSS,無(wú)窮盡的嵌套,其效果與Table設(shè)計(jì)沒有兩樣,并不會(huì)帶來(lái)搜索引擎的優(yōu)化效果,反而會(huì)增加頁(yè)面的負(fù)擔(dān);
3、推崇Div+CSS,卻不考慮兼容性,TABLE設(shè)計(jì)由來(lái)已久,得到瀏覽器的廣泛支持,所以顯示效果很好,不會(huì)出現(xiàn)錯(cuò)位情況,但是 DIV+CSS卻在部分瀏覽器中會(huì)發(fā)生頁(yè)面錯(cuò)位的情況,因此在進(jìn)行設(shè)計(jì)的時(shí)候也要考慮到不同瀏覽器的情況,進(jìn)行更改和調(diào)試。
當(dāng)然DIV+CSS有其固有的優(yōu)點(diǎn):
1、標(biāo)準(zhǔn)化的頁(yè)面結(jié)構(gòu);
2、有利于統(tǒng)一設(shè)計(jì)管理;
3、可以得到搜索引擎良好的支持
但似乎利用DIV+CSS要 注意以上誤區(qū),相信站長(zhǎng)都有很多的體會(huì),也有更多成熟的設(shè)計(jì)理念。
- CSS基礎(chǔ):常用CSS英文字體介紹
- IE6和IE7中border邊框斷線現(xiàn)象
- border:none;與border:0;的有什么不同?
- div+css下js對(duì)聯(lián)廣告不隨屏幕滾動(dòng)的解決方法
- HTML元素的ID和Name屬性的區(qū)別
- divcss教程:深入了解css的行高Line Height屬性
- CSS文檔流,塊級(jí)元素和內(nèi)聯(lián)元素
- 5個(gè)你該知道的CSS3新技術(shù)
- 用正則表達(dá)式替換a標(biāo)記href值
- 30個(gè)優(yōu)秀的CSS導(dǎo)航和按鈕設(shè)計(jì)教程
- css中px和em有什么區(qū)別
- img圖片元素下多余空白解決方案
Div+CSS教程Rss訂閱Div+Css教程搜索
Div+CSS教程推薦
- DIV+CSS實(shí)現(xiàn)放大鏡效果的分頁(yè)樣式
- FF下文本無(wú)法撐開容器的高度的原因及解決方法
- 頁(yè)腳最小高度100%保持在頁(yè)面底部的布局方法
- CSS對(duì)文字溢出時(shí)的自動(dòng)隱藏處理
- CSS實(shí)戰(zhàn)經(jīng)驗(yàn):保持CSS文件整潔與樣式統(tǒng)一
- WEB2.0標(biāo)準(zhǔn)教程:第十一天不用表格的菜單
- 如何使用list-style項(xiàng)目符號(hào)?
- DIV CSS網(wǎng)頁(yè)布局與WEB標(biāo)準(zhǔn)的討論與閑扯
- CSS網(wǎng)站橫向?qū)Ш?/a>
- DivCSS實(shí)例:讓頁(yè)腳保持在未滿屏頁(yè)面的底部
猜你也喜歡看這些
- DIVCSS布局實(shí)例:一款漂亮的圖片切換效果(可以控制播放)
- 用css制作有滾動(dòng)條的居中彈出框
- CSS表格樣式:CSS JS打造可伸縮的表格
- CSS實(shí)例:三列自適應(yīng)等高且中列寬度自適應(yīng)
- 利用CSS同比例縮小圖片并且符合Web標(biāo)準(zhǔn)
- 用CSS打造評(píng)分星級(jí)效果的一個(gè)實(shí)例
- CSS導(dǎo)航菜單:仿淘寶首頁(yè)導(dǎo)航條布局效果
- CSS菜單實(shí)例:極致而簡(jiǎn)約的風(fēng)格
- DivCSS實(shí)例:一個(gè)效果很不錯(cuò)的CSS列表
- CSS技巧:text-indent隱藏文字(以圖換字)
- 相關(guān)鏈接:
- 教程說(shuō)明:
Div+CSS教程-DIV+CSS設(shè)計(jì)的誤區(qū)
。