您現在的位置是:電腦技術吧?>? 基礎知識 ??>??css常見問題,css兼容問題??>??正文詳情

css常見問題,css兼容問題

卜迎蓉2019-11-08 14:42:07 人圍觀
簡介css兼容一。檢查HTML元素是否拼寫錯誤,結束標記是否被遺忘。即使是有經驗的用戶也經常在div的嵌套中出錯。你可以使用Dreamweaver的驗證來檢查第二個錯誤,檢查css浮動的特點

一、檢查HTML元素是否有拼寫錯誤、是否忘記結束標記  即使是老手也經常會弄錯div的嵌套關系。

可以用dreamweaver的驗證功能檢查一下有無錯誤。

  二、檢查CSS是否正確  檢查一下有無拼寫錯誤、是否忘記結尾的 } 等。

可以利用CleanCSS來檢查 CSS的拼寫錯誤。

CleanCSS本是為CSS減肥的工具,但也能檢查出拼寫錯誤。

  三、確定錯誤發生的位置  假如錯誤影響了整體布局,則可以逐個刪除div塊,直到刪除某個div塊后顯示恢復正常,即可確定錯誤發生的位置。

  四、利用border屬性確定出錯元素的布局特性  使用float屬性布局一不小心就會出錯。

這時為元素添加border屬性確定元素邊界,錯誤原因即水落石出。

  五、float元素的父元素不能指定clear屬性  MacIE下假如對float的元素的父元素使用clear屬性,四周的float元素布局就會混亂。

這是MacIE的聞名的bug,倘若不知道就會走彎路。

  六、float元素務必指定width屬性  很多瀏覽器在顯示未指定width的float元素時會有bug。

所以不管float元素的內容如何,一定要為其指定width屬性。

  七、float元素不能指定margin和padding等屬性  IE在顯示指定了margin和padding的float元素時有bug。

因此不要對float元素指定margin和padding屬性(可以在float元素內部嵌套一個div來設置margin和padding)。

也可以使用hack方法為IE指定非凡的值。

  八、float元素的寬度之和要小于100%  假如float元素的寬度之和正好是100%,某些古老的瀏覽器將不能正常顯示。

因此請保證寬度之和小于99%。

  九、是否重設了默認的樣式?  某些屬性如margin、padding等,不同瀏覽器會有不同的解釋。

因此最好在開發前首先將全體的margin、padding設置為0、列表樣式設置為none等。

  十、是否忘記了寫DTD?  假如無論怎樣調整不同瀏覽器顯示結果還是不一樣,那么可以檢查一下頁面開頭是不是忘了寫DTD。

版權聲明:本文由 卜迎蓉 整理編輯。

原標題:css預處理,css浮動

轉載注明出處:http://www.dn9ww09s.icu/basics/11595.html

文章評論

    共有條評論來說兩句吧...

    用戶名:

    驗證碼:

作者推薦

  • 如何安裝聯想硬盤保護系統,聯想硬盤保護系統安裝

    如何安裝聯想硬盤保護系統,聯想硬盤保護系統安裝 相關圖片聯想硬盤保護系統win10了解聯想電腦的資深人士都知道,在聯想電腦中,附帶了聯想的硬盤保護系統,需要我們自己安裝在電腦中。然而,由于安裝步驟復雜,很多人仍然不知道如何正確...

  • ghost系統還原步驟,怎么系統還原

    ghost系統還原步驟,怎么系統還原 相關圖片電腦系統一鍵還原步驟有時當出現問題時,計算機需要恢復系統。有些用戶知道計算機具有恢復系統的功能,但不知道具體的恢復步驟。現在小編就給大家簡單介紹一下系統恢復的詳細...

  • 常用代碼,代碼

    常用代碼,代碼 相關圖片Java代碼JavaScript越來越流行,它已經成為前端開發的首選,我們也可以使用基于JavaScript語言的nodejs開發高性能的后端服務,甚至我也看到了JavaS簡單代碼...

  • 筆記本顯示屏閃爍,筆記本外接顯示器閃屏

    筆記本顯示屏閃爍,筆記本外接顯示器閃屏 相關圖片帶觸摸屏的顯示器我們都知道筆記本電腦顯示器是我們操作電腦的必備配件。如果筆記本電腦顯示器閃爍,我們將無法正常訪問互聯網。顯然,顯示器是計算機中不可缺少的設備,那么...

  • 怎么布局網頁,網頁布局有哪些

    怎么布局網頁,網頁布局有哪些 相關圖片網頁布局是什么一。請不要設置UL填充,而不要使用邊距。只有嵌套2才能解決這個問題。設置縮放:1;溢出:為UL 3隱藏。設置UL的寬度或高度導致問題:IE6(或7)在這種情況下網頁頁面...

  • 筆記本電腦開機黑屏,筆記本電腦開機黑屏了怎么辦

    筆記本電腦開機黑屏,筆記本電腦開機黑屏了怎么辦 相關圖片筆記本電腦突然黑屏無法開機我們都知道便攜性是筆記本電腦相對于臺式機的最大優勢。但是筆記本電腦的散熱性能不是很好,在使用過程中經常會出現一些小插曲。這沒有用戶但是在...

  • 無線網絡連接不上,無法連接無線網絡

    無線網絡連接不上,無法連接無線網絡 相關圖片無線網絡顯示?筆記本的出現已經深入到了我們的生活中,但是一些用戶會遇到各種各樣的問題,想必很多朋友都遇到過,筆記本無線網絡顯示網絡連接不可用而紅十字會,如何解決筆...

  • 表單的屬性,html表單屬性

    表單的屬性,html表單屬性 相關圖片表單action屬性HTML5的新表單屬性本章解釋了涉及表單和輸入元素的新屬性。新表單屬性:autocompletenenovalidate新輸入屬性:ocusform overrhtml表單input屬性...

  • cmd命令行怎么打開,怎么調出cmd命令行

    cmd命令行怎么打開,怎么調出cmd命令行 相關圖片cmd命令窗口在計算機操作過程中,有時我們需要檢查計算機的物理地址。這時,我們需要使用命令行窗口來輸入命令,或者一些技術人員需要大量使用命令提示符。但是,一些普通用戶...

  • section和div區別,div和section

    section和div區別,div和section 相關圖片用section導入表格我最近在學HTML5。我剛剛接觸了HTML5,我覺得有點不舒服。因為有些標簽已經改變了,特別是div和section文章。我查閱了一些資料,試圖用HTML5和Csection標簽工具條空白...

熱評文章

  • 聯想筆記本fn鍵怎么取消,筆記本的fn鍵設置

    聯想筆記本fn鍵怎么取消,筆記本的fn鍵設置 相關圖片筆記本取消fn功能鍵大多數筆記本電腦都有FN鍵,FN鍵是一個可以起輔助作用的鍵。按住FN鍵并按功能鍵可以起到功能鍵的作用。我覺得FN鍵很麻煩,特別是對于喜歡在筆記本電腦上玩游戲...

  • overflow:hidden,overflow屬性hidden

    overflow:hidden,overflow屬性hidden 相關圖片address overflow備注:使用溢出:隱藏將影響列表樣式,即當UL中Li的溢出被隱藏時,列表樣式不起作用,不顯示以前的點、圓和其他樣式,并添加樣式:UL或Li中的列表樣式POSoverflow...

  • 如何解決電腦內存不足,如何解決電腦內存不足問題

    如何解決電腦內存不足,如何解決電腦內存不足問題 相關圖片電腦虛擬內存不足怎么解決在使用電腦的過程中,系統會自動下載一些垃圾文件。過了很長一段時間,電腦經常會提示內存不足。我能做什么?有人說我可以更換更大的內存模塊或直接...

  • 應用圖標,圖標

    應用圖標,圖標 相關圖片桌面圖標不見了本文是對弗林托設計團隊設計師彼得諾威爾的采訪。在采訪中,彼得介紹了他是如何設計弗林托的圖標的,以及弗林托團隊最近就弗林托用戶界面圖標背后的設計過程采...

  • 電腦死機怎么辦?,電腦死機按什么都沒用

    電腦死機怎么辦?,電腦死機按什么都沒用 相關圖片電腦老是死機現在電腦基本上是每個家庭都必須擁有的家用電器,當電腦在家里上網崩潰時,或多或少會帶來一些麻煩和疑慮。有些用戶不能移動到計算機商店。他們可以隨意修理,幾...

  • 什么是交互設計師,交互設計師

    什么是交互設計師,交互設計師 相關圖片交互設計師前景有些設計師,特別是像我這樣沒有多少實踐經驗的新人,沒有形成系統的分析方法。在進行業務分析時,它們將是分散的。這樣的分析結果很難設計出來,也很難與其他...

  • oppo怎么強制恢復出廠,edius卸載清理工具

    oppo怎么強制恢復出廠,edius卸載清理工具 相關圖片卸載下載對于很多從Windows平臺切換到Mac平臺的用戶來說,僅僅觸摸系統還是有很多問題的。但是,他們在蘋果電腦上找不到卸載程序,也不知道如何刪除應用程序。在Mac上未來教育win...

  • 電腦關不了機是怎么回事,臺式電腦關不了機是怎么回事

    電腦關不了機是怎么回事,臺式電腦關不了機是怎么回事 相關圖片電腦卡了關不了機怎么辦在我們的日常生活中,計算機是一種非常常見的工具。在長時間使用電腦后,我們會發現電腦或多或少有問題。沒有用戶,計算機就不能關機。我們只能強行關...

  • 怎么設置瀏覽器兼容性,瀏覽器兼容性問題匯總

    怎么設置瀏覽器兼容性,瀏覽器兼容性問題匯總 相關圖片html瀏覽器兼容性隨著HTML5技術的普及和推廣,web開發界逐漸開始嘗試在RIA(富Internet應用)中使用HTML5。這種做法的主要優點是,開發者可以通過各種HTML5技瀏覽器兼容模式...

  • 怎么調屏幕亮度,屏幕亮度調節

    怎么調屏幕亮度,屏幕亮度調節 相關圖片w7怎么調節屏幕亮度很多網友認為電腦顯示器的亮度不是太亮就是太暗。他們想調整屏幕的亮度,但有些用戶找不到調整顯示器亮度的方法。計算機屏幕的亮度也關系到計算機的節能降耗...

關注微信

变脸官网查询