css筆記 選擇器

1、繼承性:父元素的樣式可以被子元素所繼承（顏色、字型）.

2、層疊性：給乙個元素設定不同的說明，其效果會疊加。

3、優先順序：給同乙個元素設定相同的的說明，效果以後者為準，也叫就近原則

css選擇器：選擇頁面上的元素

1、元素選擇器：通過元素名選擇css作用的目標 比如：

、2、類選擇器：選擇class等於某個值的所有屬性 。class是程式設計師根據邏輯自己給元素增加的分類

css**：.class {}

3、id選擇器：id 選擇器：選擇id等於某個值的唯一元

1

/*3、id 選擇器：選擇id等於某個值的唯一元素*/2
#p4

4、選擇器組：寫出一組選擇器，並選中每個選擇器所對應的目標並集

1

.girl,#p4 

5、派生選擇器：

1選擇某元素的子孫

1

/*5、1選擇某元素的子孫*/2
#p5 b

2選擇某元素的兒子

1

/*5、2選擇某元素的兒子*/2
#p5>b

偽類選擇器

常用偽類有：

選擇未訪問過的超連結

a:link

選擇已訪問過的超連結

a:visited

選擇啟用態（正在點）的按鈕

#x1:active

選擇有焦點的文字框、文字域、密碼框

#x2:focus

選擇滑鼠懸停態（觸碰）的

img:hover

css宣告

border屬性：設定元素的邊框

元素單位

%：百分比

in：英吋

cm：厘公尺

mm：公釐

pt：鎊（1pt等於1/72英吋）

px：畫素（計算機上的乙個點）

em：1em等於當前的字型尺寸，2em等於當前尺寸的兩倍

overflow:auto;/*溢位加滾動條*/

}內邊距：padding

外邊距：margin

實際占有的寬=width+2border+2padding+2margin

實際占有的高=height+2border+2padding+2margin

css選擇器筆記

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

CSS選擇器筆記

div 層，塊狀元素 span 包裹內容的容器 行內元素 容器 是設定css樣式的基礎。css是什麼 層疊樣式表 casading style sheets 產生的原因 新增非常多的標籤，相容性問題 css作用 是一種頁面渲染技術，表現形式 html結構，css的渲染，只要是對網頁中得元素的特徵值的...

css選擇器 CSS選擇器總結

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