css 繼承性和層疊性，字體，文本對齊，縮進，修飾，盒模型，居中，父子盒模型

css 繼承性：後代元素能繼承來自祖先元素的文字的樣式，不能繼承盒子的樣式。

　　繼承稅：先看就近原則，若是同樣近，看權重，權重同樣看書寫順序

css層疊性：同一個元素能夠被多個選擇器選中，樣式會同時加載在標籤上，若是屬性重複，會出現層疊

　　　重疊誰：選中元素，看權重，權重大的層疊權重小的，權重同樣書寫在後面的層疊前面。

　　　沒選中元素，看繼承性。

　　　　!important:將某一個屬性的權重提高到最大，可是不適合就近原則

font：bold（字體加粗）   字體大小 / 行高  「字號」

font-style：normal  正常

　　　　　italic  斜體

　　　　　oblique  斜體

文本對齊：text-align：left、right、center

文本縮進：text-indent：2em-----  em：單位是字符，px：像素，百分比是參考父盒子的寬度

文本修飾：text-decoration：none;正常，沒有修飾

　　　　　　　　　　　　  underline；下劃線

　　　　　　　　　　　　   line-through；刪除線

　　　　　　　　　　　　   overline；上劃線

　　　　　　全部的文本，默認屬性都是 none （除了 a 標籤）

 

盒模型

　　盒子屬性有：寬，高，內邊框，邊框，外邊框

　　寬高：width，height  ；寬高是實際內容所在的地方

　　內邊距：padding：四值法；順序是，上、右、下、左

　　　　　　　　　　三值法；順序是，上、左右、下

　　　　　　　　　　兩值法；順序是，上下、左右

　　　　　　　　　　單值法；全部邊距都是同樣的

　　經常使用：若是一個內邊距和其餘三個內邊距不同，先用單值法設定整體，誰特殊，再用單一屬性單獨設置

　　邊框：border----盒子範圍最外圍的區域，是複合屬性

　　　　線寬：border-left-width

　　　　線顏色：border-color

　　　　線形狀：border-style

　　　　　　屬性值分類：solid　　實線

　　　　　　　　　　　　dashed　　虛線

　　　　　　　　　　　　double　　雙線條

　　　　　　　　　　　　dotted　　點的虛線

　　　　　　　　　　　　groove　　邊框凹陷效果

　　　　　　　　　　　　ridge　　　邊框凸出效果

　　　　　　　　　　　　inset　　　內容區域凹陷效果

　　　　　　　　　　　　outset　　內容區域凸出效果　　　　

　　外邊距： margin-----盒子與盒子之間的距離　

　　通常狀況下，不給盒子設置高度，而是用內部的內容撐高元素

　　目的，爲了保證咱們的元素在添加或者刪除內容的時候，高度能夠自適應內容高度而變化。

　　實際工做中，樣式和結構是有前端人員搭建的，實際文字內容由後臺人員導入，內容不必定是規定好的數量，須要給留出能夠控制的範圍。

　　上面知識一種狀況，不必定都不設置高度

　　設置溢出內容隱藏的屬性----------voerflow：hidden

 寬度剩餘----只設置左邊距，右邊距爲0

margin的塌陷  

　　若是兩個盒子相鄰，都有垂直外邊距，產生合併了後，哪一個外邊距大就顯示哪一個

　　若是是父子盒子，子盒子的外邊距不要用margin，要用父盒子的padding撐開，或者強行給父盒子加一個邊框

居中

　　文字居中：text-align:center

　　垂直方向：

　　　　單行文本居中：行高等於盒子高

　　多行文本垂直居中：高度自適應，內容撐開高度，用內邊距單值法撐開咱們的空白區域

　　盒子居中：子盒子在父盒子內部居中顯示

　　水平居中：margin：0，auto

　　垂直居中：跟上面文本垂直居中相似

父子盒模型

　　子盒子的總體佔位不能超過父盒子的內容區域

　　若是子盒子不設置寬度，會自動撐滿父盒子，寬度是父盒子的100%，若是還設置了邊框和內邊距，自動向內減小寬度，

　　不須要手動的去減小width