以下內容由寶雞網(wǎng)站建設、寶雞網(wǎng)絡(luò )公司，寶雞世紀網(wǎng)絡(luò )為您編輯整理。

一、檢查HTML元素是否有拼寫(xiě)錯誤 是否忘記結束標記

即使是老手也經(jīng)常會(huì )弄錯div的嵌套關(guān)系?？梢杂胐reamweaver的驗證功能檢查一下有無(wú)錯誤。

二、檢查CSS是否正確

檢查一下有無(wú)拼寫(xiě)錯誤、是否忘記結尾的 } 等?？梢岳肅leanCSS來(lái)檢查 CSS的拼寫(xiě)錯誤。CleanCSS本是為CSS減肥的工具，但也能檢查出拼寫(xiě)錯誤。

三、確定錯誤發(fā)生的位置

如果錯誤影響了整體布局，則可以逐個(gè)刪除div塊，直到刪除某個(gè)div塊后顯示恢復正常，即可確定錯誤發(fā)生的位置。

四、利用border屬性確定出錯元素的布局特性

使用float屬性布局一不小心就會(huì )出錯。這時(shí)為元素添加border屬性確定元素邊界，錯誤原因即水落石出。

五、float元素的父元素不能指定clear屬性

MacIE下如果對float的元素的父元素使用clear屬性，周?chē)膄loat元素布局就會(huì )混亂。這是MacIE的著(zhù)名的bug，倘若不知道就會(huì )走彎路。

六、float元素務(wù)必指定width屬性

很多瀏覽器在顯示未指定width的float元素時(shí)會(huì )有bug。所以不管float元素的內容如何，一定要為其指定width屬性。

七、float元素不能指定margin和padding等屬性

IE在顯示指定了margin和padding的float元素時(shí)有bug。因此不要對float元素指定margin和padding屬性(可以在float元素內部嵌套一個(gè)div來(lái)設置margin和padding)。也可以使用hack方法為IE指定特別的值。

八、float元素的寬度之和要小于100%

如果float元素的寬度之和正好是100%，某些古老的瀏覽器將不能正常顯示。因此請保證寬度之和小于99%。

九、是否重設了默認的樣式

某些屬性如margin、padding等，不同瀏覽器會(huì )有不同的解釋。因此最好在開(kāi)發(fā)前首先將全體的margin、padding設置為0、列表樣式設置為none等。

十、是否忘記了寫(xiě)DTD

如果無(wú)論怎樣調整不同瀏覽器顯示結果還是不一樣，那么可以檢查一下頁(yè)面開(kāi)頭。

以上內容就是由寶雞網(wǎng)站建設、寶雞網(wǎng)絡(luò )公司，寶雞世紀網(wǎng)絡(luò )為您搜集整理的《寶雞網(wǎng)絡(luò )公司：編寫(xiě)CSS應注意的十種典型錯誤》的全部?jì)热荨?/SPAN>我公司是在寶雞市工商局注冊的專(zhuān)業(yè)提供網(wǎng)站建設、網(wǎng)站優(yōu)化、網(wǎng)站推廣，軟件開(kāi)發(fā)的高新技術(shù)企業(yè)，一直致力于面向寶雞地區黨政機關(guān)、企事業(yè)單位提供大中型門(mén)戶(hù)網(wǎng)站解決方案、 OA 辦公自動(dòng)化系統解決方案，以及中小型應用軟件開(kāi)發(fā)及其它信息化外包業(yè)務(wù)。目前已承建寶雞地區近760多家政府網(wǎng)站、企業(yè)網(wǎng)站，是寶雞網(wǎng)站建設行業(yè)規模最大、客戶(hù)數量最多、技術(shù)力量雄厚的寶雞網(wǎng)絡(luò )公司。歡迎您來(lái)電咨詢(xún)，咨詢(xún)熱線(xiàn)：0917-3535180 3536690……