推荐给你一种简写 font:800 12px/30px "宋体" 文字：宽度 文字大小/行高 “字体”
你就是纠结那两像素怎么出来的呗，你得先明白是什么撑起了高度，自己的padding，孩子的margin，文本的高度，暂时不考虑边框，因为不同浏览器对边框计算方法不一样；前面两个你应该明白，文本的高度你就觉得文字的高度就是文本的高度了，其实不是的，文本的高度其实看得是 line-height；这是你误解的地方，12px的文字，他的行高不应定是12，你设置行高为16，那么你得到的数值就是38；
如果没有行高，block元素的行高等于font-size+2，所以
padding 上下各10 是20px，存在文本内容，只占一行，所以是12px+2px；得到34px
如果感兴趣可以试试多行的，再试试div 试试p 这几个block元素， 再对比一下 a span 这样的inline元素
