織夢 dede、wordpress 、discuzz等開源程序仿制網(wǎng)站之樣式CSS調(diào)試技巧

時間：2023-07-27 16:06:01 | 來源：網(wǎng)站運(yùn)營

時間：2023-07-27 16:06:01 來源：網(wǎng)站運(yùn)營

織夢 dede、wordpress 、discuzz等開源程序仿制網(wǎng)站之樣式CSS調(diào)試技巧：樣式css對于一個網(wǎng)站來說，就是活脫脫的、不折不扣的美工。尤其是在用織夢 dede、wordpress 、discuzz等開源程序仿制網(wǎng)站的過程中，用好、調(diào)試好CSS，是仿站工作者必備技能之 一。

那么，對于CSS，在仿站過程中，需要注意哪些問題呢？

首先、檢查CSSS是否全部下載完成

不管你是手動CTR+S，還是用第三工具下載網(wǎng)頁或者CSS，都有可能沒有下載完所有的CSS；有時候，可能還會出現(xiàn)上述方法無法下載的情況，這個時候就要找到頁面對應(yīng)的CSS，手動右鍵另存為，或者用迅雷之類的下載工作按照路徑下載。

其次、確認(rèn)同名CSS文件內(nèi)容是否相同

曾經(jīng)遇到過這樣的現(xiàn)象，源網(wǎng)站每個頁面都有A.CSS，但是目錄不相同；根據(jù)以往的經(jīng)驗(yàn)，仿制完第一個頁面之后，習(xí)慣性把第二個頁面所有CSS下載一次，放到共同的style文件中，有則覆蓋，無則加入，防止漏掉某個CSS文件，自找麻煩；然后問題出現(xiàn)了，調(diào)試好的第一個頁面：圖片不顯示、整頁布局回到未調(diào)試之前的狀態(tài)。

像上述現(xiàn)象，就是同名不同內(nèi)容的CSS文件導(dǎo)致的結(jié)果，當(dāng)然，源網(wǎng)站通過不同的目錄來區(qū)分相同名稱的CSS文件，我們借鑒下就可以解決該問題。

再次、樣式CSS的調(diào)試技巧必須掌握

對于布局錯亂的頁面，基本上都是CSS路徑，或者JS路徑不對造成的，這種情況處理起來相對來說，比較簡單，修改為正確的路徑即可。

可能你會遇到兩個點(diǎn)（../）的父路徑，有時候可能也會導(dǎo)致路徑不對，這個時候，就要認(rèn)真核對目標(biāo)網(wǎng)站中文件正確的路徑，逐步修改。

當(dāng)然，還有情況，比較特殊，就是仿制過來的網(wǎng)頁CSS參數(shù)發(fā)生了變化，而源網(wǎng)站卻顯示正常，這可能與瀏覽器的兼容性有關(guān)。需要對參數(shù)逐個調(diào)試。要求你對樣式的相關(guān)標(biāo)簽比較熟悉了，譬如 div、li、ul、dl、dd、ol、margin、span、style等等使用方法。

調(diào)試的方法，一般都是通過右鍵中的審查元素，直接定位到CSS，調(diào)試對應(yīng)參數(shù)至正確，然后再到模板中修改CSS。

最后、樣式CSS的位置到底在哪兒？

對于新手而言，可能會認(rèn)為，CSS都是在網(wǎng)頁中的，因此，在網(wǎng)頁中找不瑪對應(yīng)的CSS后，就郁悶了，操作不下去了，這是錯誤的觀念。CSS可以出現(xiàn)在標(biāo)簽、網(wǎng)頁、CSS文件等等地方，所以，一個地方?jīng)]有找到，就嘗試到其它地方找找看，就會柳暗花明了。

好了，這是個人在仿站過程中，對于CSS的一點(diǎn)點(diǎn)認(rèn)識，希望對新手可能有所幫助。