總結新手學CSS容易出現錯誤的內容

2022-09-25 20:36:15 字數 982 閱讀 6947

一些新手容易忽略或者出現錯漏的地方。

1.首先是對於布局標籤的定義。

有時候寫好了css,但是反覆除錯總發現效果差強人意,有那麼一塊空白,揮之不去。其實這就是對於標籤定義的不嚴謹造成的。因為在xhtml的部分標籤裡,有一些的預設屬性值不一定是為空或零的。例如form,p,他們的margin預設值並不是0,所以在定義時定要多加注意。我們可以這樣寫來更加嚴謹的定義:* /*注釋:定義所有的標籤的margin和padding為0*/

2.縮寫和大小寫問題

css對於class和id是區分大小寫的,所以當樣式不生效的時候建議先檢查一下大小寫問題。我建議所有名稱統一小寫,當然你有自己的編碼風格也可以用。例如第二單詞大寫,onetwo在css裡有很多縮寫的習慣,推薦使用縮寫格式。基本的縮寫有 屬性縮寫和顏色縮寫等。

屬性縮寫的例子:

margin-top:1p

可以簡單的寫成 marign:1px;代表了以上四個屬性。節約了很多位元組。

順便提一下,margin的縮寫比較特殊,給不會的朋友看看。

margin x;代表四個方向都為x

margin x y;代表上下為x,左右為y;

margin x y z a;x代表上,y代表右,z代表下,a代表左

其他的這種表示上下左右的屬性同marign.

另一種縮寫就是顏色縮寫:比如 #aabbcc;可以簡寫為 #abc;

3.少用限定,多用繼承

(1).少用限定:比如定義了乙個類a,該類被用於乙個id為b的div中,有人為了嚴謹,這樣定義:#b.a {}

這樣定義就違備了class的初衷-靈活性.所以一般定義class盡量不要限定他們的應用範圍,除非有特殊需要。

子選擇是一種不錯的方法,比如乙個li,我們可以不必為其定義id或class,一樣可以設定它的屬性。

例子:標籤:教程  網頁製作  網頁  內容  錯誤  新手  容易  出現  總結  定義

單行文字垂直居中問題——實戰div css與xhtml css是什麼意思?

!!!!新手最容易犯的錯誤

今天寫了乙個很簡單的程式,輸入三個不同長度的字串,然後將其右對齊顯示 因為剛學了幾天,經常會犯一些錯誤,如下 file day01.py line 62 print maxn len b b syntaerror invalid syntax 以上是之前的錯誤,找了好半天,也一直沒有發現,從頭到尾推...

C語言高手總結的新手容易犯的錯誤

本人通過對c語言的使用學習,積累了一些c程式設計時常犯的錯誤,寫給各位參考。1.將字元常量與字串常量混淆。char c c a 在這裡就混淆了字元常量與字串常量,字元常量是由一對單引號括起來的單個字元,字串常量是一對雙引號括起來的字串行。c規定以 作字串結束標誌,它是由系統自動加上的,所以字串 a ...

javascript程式設計容易出現的錯誤

var list document.getelementbyid list items one two three four el for var i 0 items i i document fragments 是乙個dom元素容器,可以使用它同時新增這些元素到頁面中。document fragm...