網(wǎng)站建設(shè)您當(dāng)前位置: 主頁 > 網(wǎng)絡(luò)學(xué)院 > 網(wǎng)站建設(shè)
CSS做網(wǎng)站時(shí)遇到問題的參考技巧
發(fā)布日期:2020-11-25 來源:優(yōu)橙 瀏覽量:
摘要: 使用CSS建立網(wǎng)站時(shí),您一定遇到過各種布局問題,最終可能會(huì)筋疲力盡。 這篇文章的目的是讓你的設(shè)計(jì)過程更容易,并在你遇到困難時(shí)為你提供快速的參考。 有疑問,調(diào)試時(shí)先驗(yàn)證 首
使用CSS建立網(wǎng)站時(shí),您一定遇到過各種布局問題,最終可能會(huì)筋疲力盡。 這篇文章的目的是讓你的設(shè)計(jì)過程更容易,并在你遇到困難時(shí)為你提供快速的參考。
有疑問,調(diào)試時(shí)先驗(yàn)證
首先驗(yàn)證代碼通??梢允∪ズ芏嗦闊? XHTML/CSS格式不正確會(huì)導(dǎo)致許多布局錯(cuò)誤。
在其他瀏覽器中測(cè)試之前,首先在最高級(jí)的瀏覽器中編寫和測(cè)試CSS代碼,反之亦然
如果你在一個(gè)磨損的瀏覽器中編寫和測(cè)試,你的代碼將不得不依賴于那個(gè)磨損的瀏覽器的不良顯示,然后在一個(gè)符合標(biāo)準(zhǔn)的瀏覽器中測(cè)試。當(dāng)你看到顯示結(jié)果“異?!睍r(shí),你會(huì)非常沮喪。 相反,您應(yīng)該在嘗試為較低級(jí)別的瀏覽器做計(jì)劃之前完善您的代碼。 這樣,您的代碼從一開始就符合標(biāo)準(zhǔn),而且您不必費(fèi)心支持其他瀏覽器。 當(dāng)然,目前符合標(biāo)準(zhǔn)的瀏覽器無疑是Mozilla、Safari或Opera。
確保期望的效果確實(shí)存在
許多特定于瀏覽器的CSS擴(kuò)展在正式標(biāo)準(zhǔn)中不存在 如果您指定了過濾器或滾動(dòng)條的樣式,那么您將使用私有代碼,這在除了IE之外的其他瀏覽器中沒有效果。 如果驗(yàn)證器告訴您代碼未定義,很可能您使用了私有樣式,這使得在不同的瀏覽器中很難獲得一致的結(jié)果。
如果布局中必須使用浮動(dòng)對(duì)象,不要忘記在適當(dāng)?shù)臅r(shí)候使用clear屬性
漂浮的物體看起來既簡(jiǎn)單又困難,它們并不總是人們所希望的。 如果您發(fā)現(xiàn)浮動(dòng)對(duì)象超出了容器的邊界或沒有按預(yù)期顯示,請(qǐng)檢查您的預(yù)期是否正確。 關(guān)于這個(gè)問題,請(qǐng)參閱埃里克·邁耶的教程
邊距合并:可以使用填充或邊框來避免它。
你可能會(huì)被多余的(或不想要的)空燒死 如果使用邊距,邊距的合并可能是問題的根源。 安迪·巴德對(duì)此的解釋可能有助于你消除疑慮。
避免對(duì)同一元素同時(shí)應(yīng)用填充/邊框和固定寬度
IE5的塊模型是錯(cuò)誤的,但它做錯(cuò)了什么。 也有權(quán)宜之計(jì),但最好繞過這個(gè)問題,在子元素的寬度固定時(shí)給父元素分配填充。
避免工業(yè)工程下未指定樣式內(nèi)容的閃爍
如果你只依賴
福州優(yōu)橙互聯(lián)是一家專注于福州網(wǎng)站建設(shè)的網(wǎng)站制作公司,為客戶提供小程序制作,促進(jìn)福州網(wǎng)絡(luò)的全網(wǎng)推廣和精準(zhǔn)拓客。歡迎訪問http://www.xingfubangke.cn
相關(guān)推薦
網(wǎng)頁設(shè)計(jì)師常用的一些網(wǎng)站總結(jié)2019-12-09
網(wǎng)站建設(shè)中如何修改dedecms系統(tǒng)后臺(tái)修改賬號(hào)密碼2020-08-10
福州網(wǎng)站建設(shè):潤(rùn)壤教您選擇一個(gè)好的網(wǎng)站制作公司2019-09-15
什么是頁面活躍度?2020-07-28
上海網(wǎng)站建設(shè)的目的2020-08-30
網(wǎng)站建設(shè)需要團(tuán)隊(duì)協(xié)作2020-09-05
企業(yè)建立營(yíng)銷網(wǎng)站的目的是什么?2020-12-17
瀏覽網(wǎng)站時(shí)看到的全是亂碼的問題分析。2020-10-14
百度編輯器開發(fā)教程——教你如何再次開發(fā)擴(kuò)展2020-05-10
搜索引擎優(yōu)化器提高網(wǎng)站權(quán)重的想法2020-05-10