參考線 深入了解字型

2021-10-23 04:28:52 字數 1315 閱讀 9867

text top ascent 頂線

super 上基線

baseline 基線

sub 下基線

text bottom,descent 底線

字型大小,設定的是文字的相對大小

文字的相對大小:1000、2048、1024

文字頂線到底線的距離是文字的實際大小(content-area,內容區)

行盒的背景覆蓋的是內容區

頂線向上延伸的空間top,和底線向下延伸的空間bottom,兩個空間相等,該空間叫做gap(空隙)

gap預設情況下,是字型設計者決定

top到bottom,叫做virtual-area(虛擬區)

行高就是virtual-area

line-height:normal (預設值)使用文字預設gap

文字一定出現在行盒中的中間————這個說法錯誤 (文字出現在內容區 而文字的具體位置由設計者決定)

content-area一定出現在virtual-area中間————這個說法正確(基線重疊)

### vertical-align取值有三種:

預設值:

baseline:該元素的基線與父元素的基線對齊

super:該元素的基線與父元素的上基線對齊

sub:該元素的基線與父元素的下基線對齊

text-top:該元素的virtual-area的頂邊,對齊父元素的text-top

text-bottom:該元素的virtual-area的底邊,對齊父元素的text-bottom

top:該元素的virtual-area的頂邊,對齊line-box的頂邊

bottom:該元素的virtual-area的底邊,對齊line-box的底邊

middle:該元素的中線(content-area的一半位置),與父元素的x字母高度的一半的位置對齊

行盒組合起來,可以形成多行,每一行的區域叫做line-box,line-box的頂邊是該行內所有行盒最高頂邊,底邊是該行行盒的最低邊

實際上:乙個元素的實際占用高度(高度自動),通過line-box計算

數值:相對於基線的偏移量,向下為正數,向下為負數

百分比:相對於基線的偏移量,百分比是相對於自身virtual-area的高度

某元素內部沒有任何行盒

元素內部行盒大小為0

2)表單元素:基線位置在內容的底邊

3)行塊盒:

行塊盒最後一行有line-box,用最後一行的基線作為整個行塊盒的基線。

如果行塊盒內部最後一行沒有行盒,則使用下外邊距作為基線。

參考線 深入理解字型

參考線 深入理解字型 font family 文字文字是通過製作檔案製作的 製作文字時有幾根參考線,不同文字參考線不一樣。同一種文字型別,參考線一致。font size 設定的是文字的相對大小 相對值取值 1000 2048 1024 文字頂線到底線的距離,是文字的實際大小 contenmt are...

擴充套件參考線 深入理解字型

font size line height vertical align font family 文字是通過一些文字製作軟體製作的,比如fontforge 製作文字時,會有幾根參考線,不同的文字型別,參考線不一樣。同一種文字型別,參考線一致。字型大小,設定的是文字的相對大小 文字的相對大小 1000...

深入了解A

一 前言 在這裡我將對a 演算法的實際應用進行一定的 並且舉乙個有關a 演算法在最短路徑搜尋的例子。值得注意的是這裡並不對a 的基本的概念作介紹,如果你還對a 演算法不清楚的話,請看姊妹篇 初識a 演算法 這裡所舉的例子是參考amit主頁中的乙個源程式,使用這個源程式時,應該遵守一定的公約。二 a ...