css顏色表示法及其選擇器

2021-08-15 17:51:13 字數 1189 閱讀 1953

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值...