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

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

先來一段我用了幾年的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)有什么問題，也同樣沒有什么語法錯誤。

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

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

最后想到的辦法就是：

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

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

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

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

相關(guān)日志

總結(jié)

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

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