一、css選擇器:
1.基本選擇器
1.1標籤選擇器
p a span div等等{}
1.2id選擇器
#id名{}
1.3類選擇器
.類名{}
2.復合選擇器
2.1後代選擇器
div a {} //選出div裡面的所有a標籤
2.2子代選擇器
div>a {} //選出div的子級標籤中的a標籤
2.3並集選擇器
div,a,p{} //選出所有的div、a、p標籤
2.4交集選擇器
div.n1{} //選出類名是n1的div標籤
2.5鏈結偽類選擇器
a:hover{} //滑鼠移動到鏈結上，此時這個a標籤就被選中了
二、標籤的顯示模式
提到這裡就不得不說html只有三種型別的標籤，也稱元素
1.塊級元素（塊級標籤）
特點:1.1獨佔一行顯示
1.2可以設定寬高
1.3寬度預設是父元素的寬度
1.4內部可以放置三類標籤中的任意一種
2.行內元素（行內標籤）
特點:2.1可以跟其它行內元素同放在一行顯示
2.2不可以設定寬高
2.3寬度是本身內容資訊的寬度
2.4內部只能容納文字或者其它行內元素
3.行內塊元素（行內塊標籤）
特點：3.1可以跟同型別元素同放在一行顯示，但是相鄰元素之間會有空白
3.2預設寬度就是本身內容的寬度
3.3可以設定寬高以及內外邊距
回歸主題，標籤的顯示模式就是在以上三種型別的標籤之間來回切換，標籤只有三種型別，每種型別的標籤有著屬於自己的顯示規則
例如乙個行內元素我想給它設定寬高，但是其本身是無法設定的，這個時候我可以把它的顯示模式修改成block或者inline-block，這樣就可以對寬高進行設定了，具體再選擇兩種中的哪一種就根據實際需求來決定了。
三、當行高等於寬高的時候單行文字就可以垂直居中了
文字的行高=上距離+文字實際高度+下
四、css背景
五、css三大特性
1.層疊性
css的引入有三種方式，行內引入、內部引入、外部引入，如果多個選擇器對同乙個標籤進行樣式的設定，顯示效果必然會發生重疊，最終顯示效果取決於哪個離的最近，所以就三種引入方式而言，必然是行內引入離的最近，優先顯示行內設定的樣式
2.繼承性
標籤之間是有巢狀的，假定乙個父標籤有多個子標籤，子標籤都沒有設定樣式，這時子標籤就會繼承父標籤的樣式，如果子標籤設定了樣式，子標籤也會繼承父標籤有但是子標籤沒有的樣式
3.優先順序
css有很多種選擇器，選擇器之間是存在優先順序的，
優先順序順序:d選擇器》類選擇器》標籤選擇器》繼承或者*
當然，如果樣式是直接在元素本身去設定的，不管再通過哪種選擇器去控制該元素的樣式，都會優先選擇該元素本身的樣式
前端學習之路CSS基礎學習二
1 width 為元素設定寬度 2 height 為元素設定高度 ps 塊兒級標籤才能設定長寬行內標籤設定長寬沒有任何影響 p 字型樣式 關鍵字 font family 作用 更改字型的樣式 字型大小 關鍵字 font size 作用 更改使用者的字型大小 p 文字顏色 關鍵字 color 作用 更...
B S開發之路，如何學習Css
學習css我就不畫結構圖了，因為它比較簡單，不是很複雜的知識結構。之前的文章解釋過，css即層疊樣式表。css是用來給html 搞裝修 的，前面文章說過css的作用。那麼css是怎麼裝修html的呢？css 裝修 html方式一 style background color yellow style...
軟體測試 學習之路 CSS 二）
一 元素展示型別 html中本身定義許多元素有自己預設在網頁中顯示的樣式，如有些元素預設情況下，你設定的寬高屬性不起作用，有些元素獨佔一行。這種現象我們稱為元素展示型別，為了方便記憶將元素展現型別分為三種 1.塊元素 2.行內元素 3.行內塊元素 塊元素 當時存在多個塊元素時，每乙個塊元素都會獨佔一...