CSS深入浅出（三）

一、表单美化

百度搜索框
上传图片
美化按钮
二、Bootstrap

Bootstrap引入
https://getbootstrap.com/
http://www.bootcss.com
生产环境/开发环境
网格/栅栏系统（grid system）
lg-md-sm-xs(1200-992-768)
优先使用小屏幕
Bootstrap复杂组件
css/js组件
复制-粘贴-修改
网站实例
学习路径
css基础——jQuery——Bootstrap文档
三、IFC(Inline Formatting content)

深入理解 CSS：字体度量、line-height 和 vertical-align
font-size: em-square——活字印刷盒的高度（由设计师决定，不稳定）
line-height: 以基线baseline对齐。决定真实占地高度。
内联元素以基线对齐，会导致大小不一样
vertical-align:实际占地的对齐（由设计师决定，一般不使用）
图片下面有空隙：原因是图片以基线对齐，下面有字体设置的留空
内联元素不能居中对齐。——不要使用内联元素做布局。（无法解决）
内敛元素中间有空格。——不要使用内联元素。

转载于:https://www.cnblogs.com/douglasryan/p/10654861.html