使用DIV與CSS結(jié)合的方式來(lái)布局頁(yè)面已經(jīng)有幾年時(shí)間了。雖然我沒(méi)有去購(gòu)書(shū)學(xué)習(xí)過(guò)，也沒(méi)有認(rèn)真去看過(guò)完整的教程，很多使用方法都是在工作過(guò)程中自已嘗試得來(lái)的經(jīng)驗(yàn)。當(dāng)然，這就不可避免的出現(xiàn)了主觀上錯(cuò)誤產(chǎn)生的問(wèn)題。

這幾天在閱讀自已BLOG內(nèi)容時(shí)，總覺(jué)到段落間排版有很多問(wèn)題，也都認(rèn)為是自已在后臺(tái)發(fā)布時(shí)沒(méi)有排版好，從沒(méi)有注意到是因?yàn)樽砸言趯憳邮奖頃r(shí)的問(wèn)題所產(chǎn)生的。

先來(lái)一段我用了幾年的CSS初始化通用設(shè)置：

/* 初始設(shè)置 */

form, p{margin:0px; }

a:link, a:visited{text-decoration:none;color:#0067A5;}

a:hover{color:#f40; text-decoration:none;}

a img {border: none; }

h1,h2,h3,h4,h5,h6{margin:0px; font-size:12px;}

table{empty-cells: show; border-collapse: collapse; }

select{font-size:12px; }

li,ul,ol,dl,dd,dt{margin:0px; list-style:none; list-style-position:outside;padding:0px;}

div{margin:0px;}

單從上面中，很難發(fā)現(xiàn)有什么問(wèn)題，也同樣沒(méi)有什么語(yǔ)法錯(cuò)誤。

但是，通常頁(yè)面上的文章段落我們是習(xí)慣采用P來(lái)劃分，換行采用BR來(lái)強(qiáng)制換行。(記住這一點(diǎn)，段落采用XHTML標(biāo)簽P，換行采用BR)

現(xiàn)在問(wèn)題是我全局定義過(guò)P了，在文章內(nèi)容展示時(shí)會(huì)導(dǎo)致緊接一行跟上，不能從表現(xiàn)上看出是獨(dú)立的一個(gè)新段落。

最后想到的辦法就是：

1、全站可能有很多地方采用P來(lái)布局，并非只是頁(yè)面段落使用，如果默認(rèn)的不初始化，那就得每個(gè)使用的地方要去修改；

2、只要使用內(nèi)容展示中的父級(jí)上加上P新定義。如 div p{margin:0 0 1em 0}

上面同理，在一些ul,ol,dl,dt,dd等等標(biāo)簽中，我們應(yīng)該多多直接使用他原來(lái)的默認(rèn)屬性，并不需要完成通用CSS再重新定義。

大家有更好的辦法嗎？或許一般你是如何初始化XHMTL標(biāo)簽屬性的？

相關(guān)日志

總結(jié)

以上是生活随笔為你收集整理的怎么取消html的原始属性,回归原始，尽量使用XHTML标签默认属性的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。