CSS深刻淺出（三）

1、表單美化

百度搜索框
上傳圖片
美化按鈕
2、Bootstrap

Bootstrap引入
https://getbootstrap.com/
http://www.bootcss.com
生產環境/開發環境
網格/柵欄系統（grid system）
lg-md-sm-xs(1200-992-768)
優先使用小屏幕
Bootstrap複雜組件
css/js組件
複製-粘貼-修改
網站實例
學習路徑
css基礎——jQuery——Bootstrap文檔
3、IFC(Inline Formatting content)

深刻理解 CSS：字體度量、line-height 和 vertical-align
font-size: em-square——活字印刷盒的高度（由設計師決定，不穩定）
line-height: 以基線baseline對齊。決定真實佔地高度。
內聯元素以基線對齊，會致使大小不同
vertical-align:實際佔地的對齊（由設計師決定，通常不使用）
圖片下面有空隙：緣由是圖片以基線對齊，下面有字體設置的留空
內聯元素不能居中對齊。——不要使用內聯元素作佈局。（沒法解決）
內斂元素中間有空格。——不要使用內聯元素。