font-size 指的是什么？
同一 font-size的不同字體的文字大小不同融师，指的是改字體刻板的大小，成為em-square蚁吝。
每款字體都有默認的推薦行高——line-height旱爆，由該字體設計師決定，line-height 指定內聯(lián)元素的真實占據高度窘茁。
當兩個內聯(lián)元素字體不一樣時怀伦，同一font-size 又可能導致父元素包裹的大小不一樣，主要原因是兩個字體的基線不同山林。
如果沒有設定行高房待，則默認的行號是字體設計師推薦的行高。
vertical-align: top
上面代碼的對齊方式是指行內元素的實際占的面積的頂部對齊驼抹，不同字體的頂部預留位置不同桑孩。
vertical-align: middle
同上理，該屬性和值是行內元素實際占的面積的中線對齊框冀，一般不能用于垂直居中對齊流椒。
原文：Deep dive CSS: font metrics, line-height and vertical-align
img 下面有縫隙是因為基線對齊，修改方法是：
img {
vertical-align: middle;
}
作用就是拋開原有的基線明也，也可以設置為:
vertical-align: top;
/* vertical-align: bottom; */
或者
img {
display: block;
}
inline-block 縫隙解決辦法：
使用 flex布局 或者 float 布局宣虾。
CSS 小作業(yè)
表單美化——百度搜索框
圖片上傳美化——頭像上傳
按鈕美化——elementUI 漣漪按鈕
