css笔记-7/内联元素字体的坑
2018-04-19 本文已影响9人
joker731
互联网技术是外国传入中国的,所以css很多莫名其妙的用法都是源自于外国的一些历史文化~
- 就比如font-size,这个属性的高度就和外国的活字印刷有关,font-size就是印刷磨具的磨具大小,外国人的英文也有很多字体,其中某些艺术字体的长度比较长,比如g,f,y...这些字体,所以他们的某些字体也会比一般字体大,所以有的字体会大于font-size
//简单来说:font-size是西方活字印刷模具的大小,font-size的大小也影响字体大小,但是具体效果要具体试 - 还有外国文字书写除了常规的四线谱,还有根据基线距离的不一样细分多个高度值,也是有固定称谓的,太多记不住,不一一详述了
//简单来说:除了英语作业本的四线谱,还有字母高度,而且不同高都有独自的称谓 - 除了font-size这个坑,还有一个坑就是设计师设计的默认行高,每款不同的字体拥有不同的默认行高比例,所以不同字体经常不对齐,而且出现有的行高高,有的行高低,
//简单来说:没设置line-height之前,不同字体之间都有一个默认行高,也难对齐 - 还有一个坑:一行的内联元素,各个对齐是根据英文四线谱基线对齐的,这本来没什么,错就错在不同款式的字体的基准线也有一点差别,总的来说,内联元素和内联元素之间很难对齐,导致有时候行高都控制不了一行内联元素的高
//简单来说:因为各个字体的基线不一样,line-height也统一不了一行内联元素的高,要具体试,或者用v-a属性弥补