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以上的版本 ...