CSS縮進(jìn)段落2個(gè)的方法

在CSS中，我們可以使用text-indent屬性來(lái)縮進(jìn)段落，以下是一個(gè)簡(jiǎn)單的例子，展示如何縮進(jìn)段落2個(gè)：

p {
  text-indent: 2em;
}

在這個(gè)例子中，p元素（即段落）的文本會(huì)被縮進(jìn)2個(gè)字母e的寬度。em單位表示當(dāng)前字體大小，因此如果字體大小為16像素，那么縮進(jìn)寬度將為32像素。

如果你想對(duì)所有的段落進(jìn)行縮進(jìn)，可以使用通配符：

{
  text-indent: 2em;
}

這將使所有元素的文本都縮進(jìn)2個(gè)字母e的寬度，但通常，我們只對(duì)段落進(jìn)行縮進(jìn)，所以使用p元素選擇器即可。

text-indent屬性僅適用于塊級(jí)元素，如p、div、h1等，對(duì)于行內(nèi)元素（如span），該屬性不起作用。

如果你使用的是CSS預(yù)處理器（如Sass或Less），可以使用嵌套或混合（mixin）來(lái)更方便地管理樣式，在Sass中：

@mixin indent-paragraphs {
  p {
    text-indent: 2em;
  }
}
@include indent-paragraphs;

這樣，你可以在其他樣式表中重復(fù)使用indent-paragraphs混合，而無(wú)需重復(fù)編寫(xiě)縮進(jìn)代碼。