CSS選擇器筆記

2021-09-25 05:51:30 字數 892 閱讀 8804

div–層,塊狀元素

span ::包裹內容的容器【行內元素】

容器::是設定css樣式的基礎。

css是什麼:

層疊樣式表【casading style sheets】

產生的原因:新增非常多的標籤,相容性問題

css作用:是一種頁面渲染技術,表現形式:html結構,css的渲染,

只要是對網頁中得元素的特徵值的渲染:

css 寫在哪?怎麼寫?

寫在標籤內:

例如:我是span標籤

寫在head 的 style 標籤 :

例如:寫在單獨的css檔案中,頁面需要使用 link 引入css樣式表:

例如:

怎麼寫:

套路=[符號] 特徵:值

特徵2:值2

參考div

或者:我是span標籤

1、通配選擇符。

語法:

*
作用範圍:作用在所有的標籤

作用:為網頁設定基礎樣式,統一風格

例如:

*
2、標籤選擇器:

targetname

作用範圍:對所有的targetname都起效果。

例如:

span

div

3、類選擇器:

.classname

作用範圍:

例如:

.fil_c

也有效果

這是p標籤

4、id選擇器:

idname

作用範圍:對所有的targetname都起效果。

例如:

#div1

id選擇器

css選擇器筆記

p.important 選擇器現在會匹配 class 屬性包含 important 的所有 p 元素我們假設 class 為 important 的所有元素都是粗體,而 class 為 warning 的所有元素為斜體,class 中同時包含 important 和 warning 的所有元素還有乙...

css筆記 選擇器

1 繼承性 父元素的樣式可以被子元素所繼承 顏色 字型 2 層疊性 給乙個元素設定不同的說明,其效果會疊加。3 優先順序 給同乙個元素設定相同的的說明,效果以後者為準,也叫就近原則 css選擇器 選擇頁面上的元素 1 元素選擇器 通過元素名選擇css作用的目標 比如 2 類選擇器 選擇class等於...

css選擇器 CSS選擇器總結

在前不久的專案中,實習小妹妹在乙個全域性的樣式中使用了下面這個css選擇器 content 對應的html結構大致是 實習妹子大致的意思是想要讓content下的子元素div的高度100 但是貌似她沒有真正理解first child的意義,從而導致這個全域性的樣式讓 所有頁面都出現了問題,然後我就只...