CSS初學者常犯錯誤彙總

2022-09-25 22:09:21 字數 1290 閱讀 6910

在編寫css樣式時,常常會出現一些問題,有些問題可以很快得已解決,而有些問題可能會浪費我們很多的精力和時間。特別是新手朋友,對各cthrdnudol方面的知識不是非常了解,編碼經驗也有限,遇到問題手足無措,現收集整理了十個最容易范的錯誤,希望對大家有所幫助。文章介紹的比較簡單,更多的知識歡迎訪問css網頁布局教程。

一、檢查html元素是否有拼寫錯誤、是否忘記結束標記

即使是老手也經常會弄錯div的巢狀關係。可以用dreamwe**er的驗證功能檢查一下有無錯誤。

二、檢查css是否正確

檢查一下有無拼寫錯誤、是否忘記結尾的 } 等。可以利用cleancss來檢查 css的拼寫錯誤。cleancss本是為css**的工具,但也能檢查出拼寫錯誤。

cthrdnudol

三、確定錯誤發生的位置

如果錯誤影響了整體布局,則可以逐個刪除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屬性。也可以使用hack方法為ie指定特別的值。關於此知識52css.com有詳細介紹。

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

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

九、是否重設了預設的樣式?

某些屬性如margin、padding等,不同瀏覽器會有不同的解釋。因此最好在開發前首先將全體的margin、padding設定為0、列表樣式設定為none等。

十、是否忘記了寫dtd

如果無論怎樣調整不同瀏覽器顯示結果還是不一樣,那麼可以檢查一下頁面開頭是不是忘了寫dtd,關於dtd您可以瀏覽這裡:xhtml入門學習教程:網頁head和dtd

本文標題: css初學者常犯錯誤彙總

本文位址:

二 初學者易犯錯誤模型

初學者易犯錯誤模型 總結 從記憶體四區的角度,解釋為什麼會出現亂碼 理解為什麼需要成員函式 把circle看作是乙個結構體,circle c1 用這個型別定義變數分配三個記憶體 r,pi,area 初始化pi 3.1415926,而r和area為任意值,r從鍵盤獲得值10但是沒有執行 double ...

C 幾個經常犯錯誤彙總

原文 在我們平常程式設計中,時間久了有時候會形成一種習慣性的思維方式,形成固有的程式設計風格,但是有些地方是需要斟酌的,即使是乙個很小的錯誤也可能會導致昂貴的代價,要學會善於總結,從錯誤中汲取教訓,盡量不再犯同樣錯誤,注重程式設計之美,的優雅,總結幾個平常經常犯的錯誤。1 在c 程式設計中,字元型型...

語言常犯錯誤積累

1 層與層間的花括號不對,要麼少了要麼多了,寫時也不對稱 錯誤寫法 正確寫法 main main main 2 忘記定義變數就直接使用 main 3 變數沒有賦值就引用 main 4 賦值超出資料型別的範圍 5 scanf輸入時忘記寫取地此運算子 錯誤寫法 scanf d s 正確寫法 scanf ...