css學習記錄(一)

2021-08-31 16:26:08 字數 1210 閱讀 6958

1.內聯

樣式宣告格式:

樣式屬性:值

常用樣式屬性:

color: ;font-size: ;background:

內聯樣式的優先順序最高(內聯用的不多)

2.內部樣式:

在head標籤中加入style標籤,由選擇器和樣式宣告組成

內部樣式可重用

3.外部樣式

在head中寫入

1.繼承性

大部分css效果,子元素可以繼承父元素的樣式

2.層疊性

可以為乙個元素定義多個樣式

如果不衝突,可全部顯示

3.優先順序

4.調整優先順序

!imoport規則

1.通用選擇器

專案中可能用到的:*

2.元素選擇器

div{} p{} span{}

3.類選擇器

注意:1.宣告,必須以.開頭。點是不能省略

2.引用使用的時候,直接寫在class中,沒有點.點

3.類名不能以數字開頭

4.不能包含特殊字元(除了 - , _ )

4.id選擇器

#id{}

5.群組選擇器

選擇器1,選擇器2,選擇器3{}

6.後代選擇器

選擇器1 選擇器2 選擇器3{}

7.子代選擇器

選擇器》選擇器{}

8.偽類選擇器

1.鏈結偽類:

:link 匹配元素尚未訪問的狀態

:visited 匹配元素訪問

2.動態偽類

:hover 匹配元素滑鼠懸停時的狀態

:active 匹配元素被啟用時的狀態

:focus 匹配元素獲取焦點時的狀態

9.權值

!important >1000

內聯樣式 1000

id 100

類和偽類 10

元素 1

通用 0

繼承 無

10000個id權值綜合也到不了1000

1.尺寸單位 px

2.em 相對父元素乘以的倍數

3.rem 相對根元素乘以的倍數

4.%1.rgb(r,g,b)

2.#rrggbb

3.#rgb

4.rgba(r,g,b,alpha) 0-1透明度

css學習記錄

1 瀏覽器字首 ie ms firefox moz opera o chrome和safari webkit webkit是webkit核心 moz 是firefox gecko核心,moz代表的是firefox生產廠商mozilla 瀏覽器核心 二 gecko核心代表作品mozilla firef...

css學習記錄

css 概述 多重樣式將層疊為乙個 樣式表允許以多種方式規定樣式資訊。樣式可以規定在單個的 html 元素中,在 html 頁的頭元素中,或在乙個外部的 css 檔案中。甚至可以在同乙個 html 文件內部引用多個外部樣式表。層疊次序 當同乙個 html 元素被不止乙個樣式定義時,會使用哪個樣式呢?...

css學習記錄

1 css display block 原來老是單純的認為display block僅用來控制元素的顯示與隱藏 今天發現block其實還是塊級元素 例項 一般導航選單裡會將a轉換成塊級元素,可以更好的控制樣式 2 css focus 偽類 說明 在ie中focus 偽類 僅僅支援ie 8以上的版本 ...