美文网首页
css笔记-7/内联元素字体的坑

css笔记-7/内联元素字体的坑

作者: joker731 | 来源:发表于2018-04-19 02:13 被阅读9次

互联网技术是外国传入中国的,所以css很多莫名其妙的用法都是源自于外国的一些历史文化~

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

相关文章

  • css笔记-7/内联元素字体的坑

    互联网技术是外国传入中国的,所以css很多莫名其妙的用法都是源自于外国的一些历史文化~ 就比如font-size,...

  • 面试技术栈

    Html/css 盒子模型 内联元素/块级元素 相对定位和绝对定位 弹框 居中显示 水平垂直 字体 清除浮动 Js...

  • CSS布局(inline和block)

    CSS内联元素和块级元素, 内联块级元素 HTML语言标签元素被分为三种类型: 内联元素(行内元素), 块级元素,...

  • HTML样式CSS-11

    如何使用CSS 实例一: 实例二: 实例三: 如何使用CSS 内联样式 HTML 样式实例 - 字体, 字体颜色 ...

  • 快状元素与内联元素

    内联元素 内容决定元素所占位置,不可以通过css改变宽高 块级元素 独占一行,可以通过css改宽高 内联块状元素 ...

  • 前端学习记录c s s一

    css里面的 块元素: ... 内联元素: 以及一些加强语气的标签。 内联块元素: 块级元素的特点: 每个块级元素...

  • 慕课网HTML+CSS基础教程(11-15章)

    一、CSS盒模型 1、元素分类:html标签中元素分为块状元素、内联元素(行内元素)和内联块状元素。 常用块状元素...

  • 【css】内联元素与块级元素分别是个啥

    前言:在介绍css布局之前,先理解一下内联元素和块级元素分别是怎样的。 内联元素 内联元素占据它对应标签的边框所包...

  • CSS 块元素、内联元素、内联块元素

    仅供学习,转载请注明出处 块元素、内联元素、内联块元素 元素就是标签,布局中常用的有三种标签,块元素、内联元素、内...

  • CSS的元素类型

    1. 元素类型 根据CSS显示分类,XHTML元素被分为三种类型:块状元素,内联元素,可变元素或块状元素,内联元素...

网友评论

      本文标题:css笔记-7/内联元素字体的坑

      本文链接:https://www.haomeiwen.com/subject/ejtdxftx.html