編寫CSS樣式解析

2021-12-30 06:03:56 字數 514 閱讀 4324

編寫css樣式:

1.標籤裡面直接寫style屬性

標籤裡面直接寫style屬性

2.寫在head裡面,在head裡面寫style標籤,在標籤裡面寫樣式

注意:乙個html頁面id不能(最好不要)重複,所以這相當於,給自己的id定義了乙個特定的樣式。如果把id寫重複了,重複的id也會應用對應的樣式。

3.也是寫在head裡面,但是是以.開頭,class選擇器

4.標籤選擇器

應用與當前頁面所有相同的標籤,在style裡面定義了div的樣式,body裡面的所有div都會應用

5.層級標籤選擇器

span 下面的div才會應用此樣式

5.總結

以#開頭定義的css樣式,是id選擇器,標籤使用id=""來引用

以.開頭定義的css樣式,是class選擇器,標籤使用class=""來引用(常用!!!)

CSS樣式編寫順序

在書寫css的時候很多時候,每個class下邊需要寫很多屬性是很常見的,對於這些屬性,我們應該合理的給它規劃順序。有人認為符合標準的順序可以提高css的執行效率,這個我們無從測試。我總結的好處如下 1.使 顯得清晰,自己很容易找到需要的屬性,不容易出現重複編寫同一屬性的情況。2.當很多人同時協作乙個...

css選擇器編寫及常用樣式

css就是在style中編寫樣式,有三種寫法 1 在body中的標籤中設定style屬性,再在style中設定樣式 div style background color 0e84b5 height 48px 自強不息 div 設定塊級標籤div背景色和高度 2 在head中寫上style標籤,並在其...

css背景樣式css背景樣式

css背景樣式 css背景樣式 序號中文說明 標記語法 1背景顏色2背景 3背景重複 4背景固定 5背景定位 6背影樣式 1 背景顏色 background color 語法 說明 引數取值和顏色屬性一樣 注意 在 html當中,要為某個物件加上背景色只有一種辦法,那就是先做乙個 在 中設定完背景色...