CSS學習筆記(1)

2021-09-13 11:36:49 字數 1856 閱讀 2904

1. 類選擇器

.classname 

類選擇器

2.多類名選擇器

.classname1 

.classname2

類選擇器

若存在多個類名選擇器衝突的情況,那麼以最後乙個選擇器為準。標籤中選擇器類名不分順序。

3.id選擇器

#classname1 

id選擇器

類選擇器與id選擇器的區別:類選擇器能夠被引用多次,但是乙個id選擇器只能被引用一次。乙個標籤能同時使用這兩個選擇器。

4.後代選擇器

指乙個標籤下的所有的後代

div p 

王思聰或者

.jianlin p

王思聰

5.子代選擇器

指乙個標籤的下一級標籤(親兒子)

ul li > p
6.交集選擇器

div.name 

aaabbb

hh

7.並集選擇器

div,p,h1 

aaaaaa

8.鏈結偽類選擇器

你快看看

link:未訪問狀態

visited:已訪問狀態

hover:滑鼠劃過狀態

active:按下未彈回狀態

這四個順序不能寫錯

9.字型相關樣式

font-size 字型大小   

font-family 字型 例如font-family:"微軟雅黑",宋體;

font-weight 粗細  normal不加粗=400   bold加粗=700

font-style 風格   normal正常  italic斜體   

10.字型連寫

選擇器  如果某個沒有就空著,size和family一定不能省,   順序是規定好的

11.color文字顏色

單詞表示:red green

十六進製制表示:#ff0000

rgb**: rgb(255,0,0)或rgb(100%,0%,0%)

12.line-height:10px 行間距

13.text-align:left right center 文字對齊方式

14.text-indent:2em;首行縮排2字元

15. text-decoration:文字裝飾    underline下劃線  line-through刪除線  none無裝飾

16.顯示模式

div是塊級元素 乙個塊級元素佔一行,能設定高寬

span是行內元素 一行中可以有多個行內元素,不能設定高和寬,二者可以相互轉化.

inline-block 行內塊元素,雖然是行內元素,但是可以像塊級元素一樣設定高和寬hhh

hhhhhh

aaaaaa

aaa

CSS學習筆記1

css指層疊樣式表 cascading style sheets css定義如何顯示html元素。樣式通常儲存在樣式表中。所有主流瀏覽器均支援層疊樣式表。當有多個樣式的時候,是按照這樣的優先權確定文件的樣式的 內聯樣式 在html元素內部 內部樣式表 位於標籤內部 外部樣式表,瀏覽器預設設定。css...

css學習筆記1

本次學習通過 學習 css 規則由兩個主要的部分構成 選擇器,以及一條或多條宣告。selector選擇器通常是您需要改變樣式的 html 元素。每條宣告由乙個屬性和乙個值組成。屬性 property 是您希望設定的樣式屬性 style attribute 每個屬性有乙個值。屬性和值被冒號分開。通過依...

CSS學習筆記1

css 層疊樣式表 內嵌樣式 在標籤元素中 style 屬性名 屬性值 內含樣式 在head中 type text css 選擇器名 style 外部樣式 rel stylesheet type text css href css中注釋用 選擇器 1.標籤選擇器 標籤名 2.類選擇器 標籤元素中定義...