css世界讀書筆記 line height(1)

2021-10-05 05:34:10 字數 373 閱讀 6401

如果 line-height 的值是1.5,font-size大小是14px,那麼半行距的大小是 (14px*4.5-14px)/2=3.5px

border及line-height等傳統css屬性沒有小數的概念,因此3.5px需要取整處理;

1.如果是文字上邊距,向下取整(3.5向下取整是3);

2.如果是文字下邊距,向上取整;

line-height如何實現文字排版?

line-height的值為2的時候,兩行文字中間的間隙差不多乙個文字尺寸大小,如果line-height為1,兩行文字會緊密排列,如果line-height的值為0.5,此時行距就是負值,line-height不支援負值,但是行距可以是負值;

此時兩行文字會疊合在一起。

《CSS世界》讀書筆記

css三無準則 無寬度 充分利用流特性 無浮動 無 無寬度與寬度分離分離準則相通 瀏覽器相容 區別 ie8僅支援單冒號的偽元素 如 element before 常用清楚浮動方式 清楚浮動 clearfix.clearfix after 需求 頁面某模組的文字內容是動態的,希望文字少的時候居中顯示,...

《css世界》的讀書筆記

1.等元素在使用鍵盤進行tab鍵切換時可以被選中,即獲取到焦點,表現為虛框或者外發光,這類元素為焦點元素 非焦點元素 等沒有設定tabindex屬性,即無法被tab鍵獲取。在ie6 7瀏覽器下,非焦點元素對 active置若罔聞。這裡涉及到ie6,7的相容性 2.ie瀏覽器不支援 偽元素的 disp...

《CSS世界》讀書筆記(七)

根據是否具有可替換內容,我們可以把元素分為替換元素和非替換元素。或表單元素和都是典型的替換元素。1 內容的外觀不受頁面上的css的影響。用專業的話講就是樣式表現在css作用域之外。例如 直接 input type checkbox 無法更改內間距 背景色等樣式,需要用瀏覽器自身暴露的一些樣式介面,例...