CSS歸納總結

2021-07-10 09:30:18 字數 2562 閱讀 1985

選擇器的分組

css選擇器分為

1.群組選擇器  如:p, body, img, div

{}2.兄弟選擇器 如:p + p

3.屬性選擇器 如: p

[title]

4.包含(後代)選擇器 如:body

ulli

{}5.子元素選擇器 如:div > p

{}6.id選擇器 如:#mydiv

{}7.類選擇器 如:.class1

{}8.偽元素選擇器 如:e

:first-line,e

:before

9.偽類選擇器 如:e

:first-child ,e

:visited,e

:focus,e

:enabled

10.標籤選擇器 如:p

子選擇器和後代選擇器的區別:

後代選擇器的寫法就是把外層的標記寫在前面,內層的標記寫在後面,之間用空格分隔。

子選擇器只對直接後代有影響的選擇器,而對「孫子後代」以及多層後代不產生作用。

注意:在ie6中,只支援後代選擇器,不支援子選擇器

你可以使用css速記屬性:

font: bold italic small-caps 1em/1.5em verdana,sans-serif
值得注意的是:css速記版本只會在你同時指定font-sizefont-family屬性時才會生效。如果你沒有指定font-weight, font-style,或者font-variant,那麼這些值將會自動預設為normal!important

所有被!important 標記的樣式,即使它後來被重寫,瀏覽器也只會採用被標記的那條。

#content

!important: ie7/ie8/ie9/firefox可以識別上面附加!important的語句,看到附加!important的語句後,就不會再去執行 第二句,儘管他們也「認識」第二句,但是附加「!important」的語句擁有絕對優先順序,只要有它存在,第二句就不允許執行。

ie6會執行!important的語句後,再去執行第二句「height:900px」,用後面的樣式覆蓋了前面的樣式,所以在ie6下,最終的height值是900px。

link就是把外部css與網頁連線起來,將其加在頭部標籤中,具體形式如下:

"styles.css"

type="text/css" />

匯入樣式:

通過兩個或以上的css檔案共同部分,在css頁面引入css檔案,通過@import url(」 「)

@import

url("global.css")

;@import

url(global.css)

;@import

"global.css"

;

區別:

1)link屬於xhtml標籤,而@import是css提供的; 

2)頁面被載入的時,link會同時被載入,而@import引用的css會等到頁面被載入完再載入;

3)@import只在ie5以上才能識別,而link是xhtml標籤,無相容問題;

4)link方式的樣式的權重 高於@import的權重.

行內元素、塊元素和空元素

1、和其他元素都在一行上;

2、元素的高度、寬度、行高及頂部和底部邊距不可設定;

3、元素的寬度就是它包含的文字或的寬度,不可改變。

行內元素在設定 水平方向的padding-left、padding-right、margin-left、margin-right都產生邊距效果,但豎直方向的padding-top、padding-bottom、margin-top、margin-bottom卻不會產生邊距效果。

在html中,、、、、就是典型的行內元素(inline)元素。

空元素知名的空元素:

鮮為人知的是:

1

in = 2.54cm = 25.4 mm = 72pt = 6pc = 96px

css 多類選擇器

乙個 class 值中可能包含乙個詞列表,各個詞之間用空格分隔。例如,如果希望將乙個特定的元素同時標記為重要(important)和警告(warning),就可以寫作:

this paragraph

is a very important warning.

css學習歸納總結(三)

行內樣式是寫在html標籤的style屬性裡的,比如 hello everyone 行內樣式會覆蓋嵌入樣式和鏈結樣式。嵌入的css樣式是放在html文件的head元素中的,這點想必大家都知道,這裡就不贅述了。鏈結樣式的作用範圍可以是整個 只要使用標籤把樣式表鏈結到每個頁面,相應的頁面就可以使用其中的...

css 屬性歸納

屬性 描述css background 在乙個宣告中設定所有的背景屬性。1background attachment 設定背景影象是否固定或者隨著頁面的其餘部分滾動。1background color 設定元素的背景顏色。1background image 設定元素的背景影象。1background...

Select歸納總結

include include int select int maxfdpl,fd set readset,fd set write,fd set exceptset,const struct timeval timeout 返回值 該函式的返回值表示跨所有描述符集的已就緒的總位數。如果在任何描述符...