css顏色值主要有三種表示方法:
1、顏色名表示,比如:red 紅色,gold 金色。
2、rgb表示,比如:rgb(255,0,0)表示紅色。
3、16進製制數值表示,比如:#ff0000 表示紅色,這種可以簡寫成 #f00。
1、標籤選擇器
標籤選擇器,此種選擇器影響範圍大,建議盡量應用在層級選擇器中。
舉例:
*
div
....
....
2、id選擇器
通過id名來選擇元素,元素的id名稱不能重複,所以乙個樣式設定項只能對應於頁面上乙個元素,不能復用,id名一般給程式使用,所以不推薦使用id作為選擇器。
舉例:
#box
....
3、類選擇器
通過類名來選擇元素,乙個類可應用於多個元素,乙個元素上也可以使用多個類,應用靈活,可復用,是css中應用最多的一種選擇器。
舉例:
.red
.big
.mt10
....
....
4、層級選擇器
主要應用在選擇父元素下的子元素,或者子元素下面的子元素,可與標籤元素結合使用,減少命名,同時也可以通過層級,防止命名衝突。
舉例:
.box span
.box .red
.red
....
....
5、組選擇器
多個選擇器,如果有同樣的樣式設定,可以使用組選擇器。
舉例:
.box1,.box2,.box3
.box1
.box2
.box2
....
....
....
6、偽類及偽元素選擇器
常用的偽類選擇器有hover,表示滑鼠懸浮在元素上時的狀態,偽元素選擇器有before和after,它們可以通過樣式在元素中插入內容。
.box1:hover
.box2:before
.box3:after
....
....
....
CSS及其多種選擇器
昨天博文快結束的時候我展示了css的 結構和css的乙個樣式選擇器 標籤選擇器 其功能為 根據標籤名稱定義所有將要使用的這種標籤都採用定義的樣式。其格式為 標籤名 今天我將展示css其他的選擇器 類選擇器,id選擇器,後代選擇器,分組選擇器,通配選擇器及其他們的優先順序。每乙個標籤都可以有乙個cla...
css選擇器及其性質
通過標籤名選中元素。語法 標籤名 不管標籤巢狀多深,都可以通過標籤名查詢到。1 p 4 5 6 7 8 9 內部深層的 p10 11 12 13 14 用途 清除,重置預設樣式 1 用途 重置,清除預設樣式 2 a 6 ul 通過id名選中元素 語法 id名 和id名緊緊書寫 id名命名規則 htm...
css顏色單位表示法
所有的顏色都可以由紅 綠 藍三原色調配而成。css中用8位表示乙個顏色,那麼可以有28即256種顏色,所以總共可以表示256256256種顏色。css縱有多種顏色表示 十六進製制表示法 可表示為 rrggbb,其中rr 紅色 gg 綠色 和bb 藍色 所有值必須介於0和ff之間。例如 0000ff值...