CSS的四種引入方式
1.style屬性 內(nèi)聯(lián)style屬性
2.style標(biāo)簽 內(nèi)聯(lián)標(biāo)簽樣式
3.link標(biāo)簽 外聯(lián)樣式
4.@import 在CSS文件中引入另一個CSS文件
利用浮動進(jìn)行布局時都會有bug闽晦，解決辦法是給浮動元素的父級元素設(shè)置一個clearfix類名斤儿。
在CSS中寫入如下代碼：
.clearfix::after{
content: "";
dispaly: block;
clear: both;
}
塊級元素的高度是由其內(nèi)部文檔流元素的高度總和決定的呛哟。
當(dāng)一個內(nèi)聯(lián)元素元素加了border邊框?qū)傩越钩?dāng)頁面寬度不夠時凳谦，邊框會另起一行卻沒有分裂開。
效果如下圖：
當(dāng)輸入一段英文字母過長卻沒有用空格分開時，瀏覽器會把它當(dāng)成一個單詞，所以不會拆開它天梧，當(dāng)頁面寬度不夠時也不會另起一行。
可以通過CSS設(shè)置word-break: break-all;解決這個問題霞丧。
內(nèi)聯(lián)元素的特性:
1呢岗，不能設(shè)置width和height；
2蛹尝，多個行內(nèi)元素排成一行后豫，直到一行排不下，才會換新一行突那；
3挫酿，只可以設(shè)置水平方向的邊距，如：margin-left,margin-right,padding-left,padding-right.
內(nèi)聯(lián)元素的高度是由建議行高和一些字體的設(shè)計得到的愕难，無法確定內(nèi)聯(lián)元素的高度饭豹。
塊級元素不到迫不得已不要設(shè)置height屬性，會有bug务漩，應(yīng)該由內(nèi)部的文檔流撐開。
塊級元素的width設(shè)置100%也會有bug它褪，如果設(shè)置了內(nèi)邊距饵骨，當(dāng)前元素就會超出父級元素的寬度。
max-width可以設(shè)置最大寬度茫打，當(dāng)窗口寬度大于最大值時居触，元素的寬度就是設(shè)置的最大值妖混，當(dāng)縮小窗口小于設(shè)置的最大寬度時，會實現(xiàn)自適應(yīng)的效果轮洋。
當(dāng)給子元素設(shè)置絕對定位時制市，記得給父級元素設(shè)置上相對定位。
