CSS多段文字設(shè)置不同大小的方法

在CSS中，我們可以使用多種方法為多段文字設(shè)置不同的大小，以下是一些常見的技巧：

1、使用內(nèi)聯(lián)樣式：

在HTML元素中使用style屬性，可以直接為文字設(shè)置大小。

<p style="font-size: 16px;">這是***段文字。</p>
<p style="font-size: 20px;">這是第二段文字。</p>

2、使用樣式表：

在CSS樣式表中，可以為不同的段落設(shè)置不同的類名，然后在樣式表中定義這些類的大小。

<p class="paragraph1">這是***段文字。</p>
<p class="paragraph2">這是第二段文字。</p>

然后在CSS樣式表中定義：

.paragraph1 {
  font-size: 16px;
}
.paragraph2 {
  font-size: 20px;
}

3、使用媒體查詢：

可以使用媒體查詢（Media Queries）來根據(jù)屏幕大小調(diào)整文字大小。

@media (max-width: 600px) {
  p {
    font-size: 18px;
  }
}
@media (min-width: 601px) {
  p {
    font-size: 22px;
  }
}

4、使用JavaScript動(dòng)態(tài)調(diào)整：

可以使用JavaScript來根據(jù)用戶操作或其他因素動(dòng)態(tài)調(diào)整文字大小。

function adjustFontSize(size) {
  var pElements = document.getElementsByTagName('p');
  for (var i = 0; i < pElements.length; i++) {
    pElements[i].style.fontSize = size + 'px';
  }
}

然后可以調(diào)用這個(gè)函數(shù)來調(diào)整文字大小：adjustFontSize(18);，這種方法可以實(shí)現(xiàn)更復(fù)雜的文字大小調(diào)整需求。