整理一些HTML/CSS中的重點
HTML部分
1.行級元素和塊級元素，區別 image是什麼元素
行級元素如span不能設置寬高，都由內容撐起來，但是可以設置水平方向的padding和margin，image是行內替換元素，可以設置寬高
2.href和src的區別
src引用外部資源，href是確定文檔和資源的引用關係，前者是加載是引入，後者是建立聯繫是引用
CSS部分
1.flex的各個屬性，如何使用
flex-grow定義元素是否方法，默認不放大，flex-shrink定義縮放，默認縮放
2.BFC是什麼，如何清除浮動
塊級格式化上下文，不會進行外邊距合併，float postion的abusolute和fixed，overflow等
如果一個父元素沒有設置高度，子元素都浮動的話，父元素高度塌陷，清楚浮動：
clearfix:after{
content:"";//設置內容爲空
height:0;//高度爲0
lineheight:
0;//行高爲0
display:block;//將文本轉爲塊級元素
visibility:hidden;//將元素隱藏
clear:both//清除浮動
}
.clearfix{
zoom:1;爲了兼容IE
}
3.CSS盒模型
標準盒模型的width是包含content的width和border和padding和marigin，ie的盒子不包含margin
4.CSS選擇器的優先級
內聯style>id>類和屬性選擇器（a[href]]:）和僞類（first-child）>元素選擇器（span，div）
比如first-child這個僞類，就和類son是一樣的級別
如何優化：id效率最高，後代選擇器最低，要避免使用
5.移動端如何適配
1.flex佈局：flex :1 0 300px 分別是grow shrink basis 放大 不縮小 佔據300px
2.媒體查詢：對不同的設備寬高使用不同方案
@media screen and (max-width: 600px) { /*當屏幕尺寸小於600px時，應用下面的CSS樣式*/
/*你的css代碼*/
}
實現移動端適配的核心思想就是：
使用 rem 作爲樣式單位，根據不同分辨率的移動設備設置根元素的 font-size 值。
最好使用rem+flex的佈局方法