基线、底线、顶线、中线
基线、底线、顶线、中线、vertical-align 顶线：中文汉字的的上端沿； 中线：横过英文字母x的中间的线； 基线（base line）并不是汉字文字的下端沿，而是英文字母“x”的下端沿； 底线：中文汉字的下端沿； 内容区：指底线和顶线包裹的区域 ...
原文：Web前端学习—基础篇(13)_基线、底线、中线、顶线、行高、行距分别指什么
前端学习 基础篇 四 CSS学习 . CSS常用样式 . . 理解CSS中的行高与基线 划分：粉色为顶线，蓝色为中线，绿色为基线，红色为底线 顶线：中文汉字的的上端沿 中线：横过英文字母x的中间的线 基线：基线 base line 并不是汉字文字的下端沿，而是英文字母 x 的下端沿 底线：中文汉字的下端沿 内容区：是指底线和顶线包裹的区域 行内元素display：inline可以通过backgro ...
2021-03-14 15:36 0 463 推荐指数：
相关推荐
Web前端学习—基础篇(16)_如何给设置背景图
前端学习——基础篇 四、CSS学习 4.6、背景 作用在内容、内填充、边框 4.6.1、背景颜色 background-color属性 4.6.2、背景图片 background-image属性 语法： 特性： 背景图片不占位 默认在水平方向和垂直方向重复、平铺 ...
Web前端基础学习-1
于 1999 年。自从那以后，Web 世界已经经历了巨变。 HTML5 仍处于完善之中。然而，大部分现 ...
Web前端学习—基础篇(18)_ul、ol、li、table、form、input都是什么标签，块级还是行级？——标签分类
4.8、标签分类 Html中标签众多，一般来说会根据标签的特性进行分类，比较块级标签、行级标签、行块级标签以及几个特殊标签。 4.8.1、块级标签 block level 特性 宽度默认撑满整个父元素 高度由内容撑开 独立成行——垂直布局 具有盒模型特征（默认可以设置 ...
深入理解 CSS 中的行高与基线
1、基本概念 1. 基线、底线、顶线、中线 注意：基线（base line）并不是汉字文字的下端沿，而是英文字母“x”的下端沿。2. 内容区 内容区是指底线和顶线包裹的区域（行内元素display ...
line-height(行高)和vertical-align(基线对齐)
行高（line-height）🚩 line-height 属性是指文本行基线之间的距离，用于设置多行元素的空间量，如多行文本的间距。对于块级元素，它指定元素行盒（line boxes）的最小高度。 行高 line-height 实际上只影响行内元素和其他行内内容，而不会直接影响块级元素 ...
深入理解 CSS 中的行高与基线
深入理解 CSS 中的行高与基线 1、基本概念 1. 基线、底线、顶线、中线 注意：基线（base line）并不是汉字文字的下端沿，而是英文字母“x”的下端沿。 2. 内容区 内容区是指底线和顶线包裹的区域（行内元素display：inline ...
Web前端学习—基础篇(34)_CSS3弹性盒子：弹性盒子特点、如何设置弹性盒子
6.6、弹性盒子 6.6.1、弹性盒子简介 1、特点 2、flex布局与传统布局对比 3、弹性盒模型的内容包含：弹性容器、弹性子元素 4、引入弹性盒子的目的 5、原理 6 ...