css段落縮進(jìn)

在講方法之前,我們現(xiàn)講一下px,它代表 像素單位,一個(gè)像素只能展現(xiàn)一種顏色,且像素是一種相對(duì)單位。且每英寸能容納的像素點(diǎn)數(shù),就是分辨率

em講解(它也是一種相對(duì)單位,沒(méi)有固定大?。?/p>

如果要求文字的行高是1.2倍行高,直接用line-height: 1.2em;即可

em屬于一種相對(duì)單位。一般1em = 1 * font-size的寬度。一般font-size默認(rèn)為是16px。如果把font-size設(shè)置為20px,那么1em = 20px。

這樣想來(lái),如果我們希望文本正好縮進(jìn)兩個(gè)字符,用em來(lái)設(shè)置是最合適的了,因?yàn)樗窍鄬?duì)于當(dāng)前文字大小來(lái)設(shè)置的縮進(jìn),這樣就不用擔(dān)心因文字大小的改變而導(dǎo)致不是兩個(gè)文字的縮進(jìn)大小。下面給個(gè)例子

我們?cè)O(shè)置的font-size是20px,然后text-indent設(shè)置2em,就可以實(shí)現(xiàn)首行縮進(jìn)了。

圖片發(fā)自簡(jiǎn)書(shū)App
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 問(wèn)答題47 /72 常見(jiàn)瀏覽器兼容性問(wèn)題與解決方案? 參考答案 (1)瀏覽器兼容問(wèn)題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 14,170評(píng)論 1 92
  • 本課來(lái)自http://www.imooc.com/learn/9請(qǐng)不要用作商業(yè)用途。 HTML5 HTML介紹 H...
    PYLON閱讀 3,450評(píng)論 0 5
  • CSS基礎(chǔ) 本文包括CSS基礎(chǔ)知識(shí)選擇器(重要?。。。├^承、特殊性、層疊、重要性CSS格式化排版單位和值盒模型浮動(dòng)...
    廖少少閱讀 3,452評(píng)論 0 40
  • CSS格式化排版 1、字體 我們可以使用css樣式為網(wǎng)頁(yè)中的文字設(shè)置字體、字號(hào)、顏色等樣式屬性。下面我們來(lái)看一個(gè)例...
    張文靖同學(xué)閱讀 1,377評(píng)論 0 3
  • 前段時(shí)間試譯了Keith J.Grant的CSS好書(shū)《CSS in Depth》,其中的第二章《Working w...
    YuyingWu閱讀 1,184評(píng)論 0 2

友情鏈接更多精彩內(nèi)容