層疊性指的是在對乙個元素多次設定同乙個樣式的屬性值時，會使用最後一次設定的屬性值。原則：①樣式衝突時，採用就近原則，哪個樣式書寫的位置離在這個元素最近就用哪個。②樣式不衝突時不會層疊。
繼承性指的是子標籤會繼承父標籤的某些樣式，比如文字的顏色字型型別等。優點是只需要給父標籤寫屬性，子標籤中不用再次書寫，以達到簡化**的目的。跟文字相關的屬性都可以繼承。
行高line-height的屬性值不寫單位px時，表示行高為當前元素文字大小的幾倍，例如line-height: 1.5;表示行高是font-size的1.5倍。
優先順序指的是當同乙個元素被指定了多個選擇器時，我們需要知道css的優先順序才能準確的分析出到底會使用哪個選擇器的樣式。
選擇器相同時，執行層疊性；選擇器不同時，執行優先順序。
權重如下：
開發中類選擇器使用多的原因是①標籤選擇器不具體②id選擇器很少用③類選擇器的優先順序比標籤大，設定樣式時不容易出現問題。
注意：①!important要少用。
權重的數字不能進製，類選擇器的權重永遠大於標籤選擇器。
繼承的權重是0，不管父標籤的權重多大，子元素繼承的權重永遠是0。
看標籤具體執行的是哪一種樣式，先看它有沒有被選出來。
在使用復合選擇器的時候要考慮權重疊加的問題，例如
div .class盒子模型
頁面布局的三大核心是盒子模型，浮動和定位。我們首先學的是盒子模型。盒子模型的組成部分為實際內容content，內邊距padding，邊框border和外邊距margin，如下圖
網頁布局的過程：①準備好相關的網頁元素，網頁元素基本上都是盒子②用css設定好盒子樣式，然後擺放到相應的位置③往盒子裡面裝內容。
盒子模型的邊框：邊框屬性有粗細border-width單位px；型別border-style；顏色border-color，預設值為黑色。
邊框型別有實線solid、虛線dashed、點線dotted等，我們最常用到的是實線。
邊框屬性的簡寫方式：沒有順序，每個屬性值之間用空格隔開。
邊框還可以分開寫，上邊框border-top，下邊框border-bottom，左邊框border-left，右邊框border-right。
相鄰邊框還可以合併，但是僅限於**使用。**格式如下：
border-collapse: collapse;內邊距padding
作用是設定邊框與內容之間的距離。
padding也分左右上下四種，單位為px。復合寫法如下圖。
padding也會影響盒子的大小，解決方法是用盒子本身的width和height減去相應的內邊距。
當盒子沒有指定寬高的時候，padding不會影響盒子的大小。
外邊距margin
外邊距的作用是設定盒子與盒子之間的距離。
寫法和padding一樣，就不介紹了~
注意：①必須是塊級元素②必須有寬度
塊級盒子左右外邊距改為auto時，盒子能夠水平居中。但是一行只有乙個盒子的時候才能夠居中。
相鄰塊元素垂直外邊距合併時，兩個盒子的外邊距值取最大的那個外邊距，比如上面盒子的下外邊距為20px，下面盒子的上外邊距為30px，那麼兩個盒子之間的距離為30px。解決方法是只給其中乙個盒子加margin值。
巢狀塊元素垂直外邊距塌陷的解決方法：①給父元素定義上邊框②給父元素定義內邊距③為父元素新增屬性overflow: hidden;
tip:行內元素和行內塊元素盡量只設定左右內外邊距，不要設定上下內外邊距。
清除內外邊距的方法如下：
*周五學到的內容大概就是這麼多了，萬事開頭難，我真的是感覺到了有點困難，我也不知道我能堅持到什麼時候，能不能學好前端，但是努力吧，爭取能夠做好。即使做不成行內大牛，但是哪怕是做鹹魚也要做那條最鹹的！
前端學習第五天
用到方法 相對定位position relative 絕對定位position absolute 記憶 兩個中，left和top是一相對於二中經常用到的，達到重疊的效果 頁面結構 樣式修飾 溢位隱藏轉為滾動 overflow scroll scroll 滾動條 溢位隱藏自動換行 overflow a...
前端學習 第五天
第五天知識總結 一 選擇符的權重 id class 標籤 四個數字表示權重 內聯樣式表 1000 id 100 class 10 標籤 1 偽類選擇符 10 萬用字元 0 包含選擇符的權重為權重之和 eg box div 100 1 101 wrap con p 10 10 1 21 群組選擇符的權...
web前端學習 第五天
rgb red green blue 0,10,255 0010fe css中顏色的表示方法 加粗為重點 1 預定義顏色 blue，red，black 2 十六進製制顏色 0f0f0f 3 rgb顏色 128,0,0 全紅 4 rggba，在rgb的基礎上又新增了表示透明度的alpha 5 hsl ...