基線、底線、頂線、中線
基線、底線、頂線、中線、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 ...