子選擇器：parent>child子選擇器是指選擇parent的範圍內的第乙個子元素。這裡parent和child均是偽**。可以是class用.classname，也可以是標籤ul>li,也可以是id #pid>#cid
後代選擇器：parent child後代選擇器是指：選擇parent範圍內的所欲child元素。與子選擇器不同的是，這裡包含巢狀內的child元素，而子選擇器僅僅選中parent下的直接的第乙個子元素。
全域性選擇：*{}這裡可以配置全域性的預設配置，如去掉預設間距等。
多個選擇器同時設定：h,span,div{}多個選擇器用逗號間隔，設定通用的樣式。
在css中，html中的標籤元素大體被分為三種不同的型別：塊狀元素、內聯元素（又叫行內元素）和內聯塊狀元素。
常用的塊狀元素有：
div,p,h1..h6,ol,ul,dl,table,address,blockquote,form
常用的內聯元素有：
a,span,br,i,em,strong,label,q,var,cite,code
常用的內聯塊狀元素有：
img,input
什麼是塊級元素？在html中div,p,hl,form,ul,li就是塊級元素。設定display:block就是將元素顯示為塊級元素。如下**就是將內聯元素a轉換為塊級元素，從而使a元素具有塊狀元素特點。 1
2
3
a
塊級元素特點：
每個塊級元素都從新的一行開始，並且其後的元素也另起一行（真霸道，乙個塊級元素獨佔一行）
元素的高度、寬度、行高以及頂和底邊距都可以設定
元素寬度在不設定的情況下，是它本身父容器的100%（和父元素的寬度一直），除非設定乙個寬度。
在html中，span，a，label，strong，em就是內聯元素（行內元素）（inline）元素。當然塊狀元素也可以通過**display：inline將元素設定為內聯元素。 1
2
3
div
內聯元素特點：
和其他元素都在一行上；
元素的高度、寬度及頂部和底部邊距不可設定；
元素的寬度就是它包含的文字或的寬度，不可改變
解決行內元素間隙bug問題
行內元素之間會產生間隙bug問題的場景：
1、當行內元素之間有「回車」、「tab」、「空格」時就會出現間隙。
如下**：
12
3
4
5
6
7
<div>
<a>1
<a>2
<span>33333
<span>44444
<em>555555
解決方法：
1、寫在一行，之間不要有空格之類的符號。
12
3
<div>
<a>1<a>2<span>33333<span>44444<em>555555
2、使用font-size:0
12
div
a,span,em
網上還有很多有趣的方法可解決這個bug感興趣的小夥伴們快去搜尋一下吧。
內聯塊狀元素（inline-block）就是同時具備內聯元素、塊狀元素的特點，**display:inline-block就是將元素設定為內聯塊狀元素（css2.1）img,input標籤就是這種內聯塊狀狀態標籤。
inline-block元素特點：
和其他元素都在一行上；
元素的高度、寬度、行高以及頂和底邊距都可以設定；
css中，盒子模型是關於元素的寬高的。如下圖：
盒子模型的邊框就是圍繞著內容及補白的線，這條線你可以設定它的粗細、樣式和顏色。
如下**設定div 1
2
3
div
上面是縮寫，分開寫為： 1
2
3
4
5
div
注意：border-style(邊框樣式)常見樣式：dashed(虛線)|dotted(點線)|solid(實線)
border-color(邊框顏色)中的顏色可設定為十六進製制顏色，如：#888
border-width(邊框寬度)中寬度也可以設定為：thin|medium|thick(不常用),最常用的是畫素(px)
邊框方向：
如果想單獨設定下邊框，可以：div
同樣可以設定其他三邊：
border-top:1px solid red;border-right:1px solid red;border-left:1px solid red;
css內定義的寬width和高height指的是填充padding以內的內容。因此乙個元素實際寬度為：
盒子的寬度=左邊界+左邊框+左填充+內容寬度+右填充+右邊框+右邊界。
測試用例：
1
2
3
4
5
6
7
8
9
10
11
<styletype="text/css">
#div_id
<divid="div_id">
盒模型測試用例
結果：
元素內容與邊框之間可以設定距離，叫做padding（填充）。填充也可以分上右下左。如下：
div順序不要搞錯！分開寫：
div如果上右下左都填充為10px可以這麼寫：
div如果上下填充為10px,左右填充為20px：
div
元素與其他元素之間的距離可以使用邊界margin來設定。邊界同樣分上右下左。
css基礎學習
1.class和id 1 同一id在乙個頁面內只能應用一次，而class則是 用於描述多次出現的元素。2 class的定義方法 指定標籤 類名 id的定義方法 指定標籤 id名 class的應用方法 指定標籤 class 類名 id的應用方法 指定標籤id id名 2.css的引用 1 內部樣式 段...
CSS基礎學習
1.css cascading style sheet 層疊樣式表 css是對html的補充 css實現了網頁內容和頁面效果的分離 2.有三種方式可以將樣式表加入到html文件中 1 內聯樣式表 2 嵌入樣式表 3 外部樣式表link 3.樣式規則選擇器 通過怎樣的途徑來獲得頁面上要設定樣式的元素 ...
css基礎學習
css指層疊樣式表 為什麼用css？html描述了要呈現的內容，而css則定義了這些內容的呈現形式，比如字型，顏色等。使用css能夠將頁面內容呈現形式有效分類，有利於分工合作，也有利於快速更換不同的呈現形式。使用樣式表可以有三種方式 1 內聯樣式內部 將樣式定義在style屬性中，只有對當前標籤有效...