在使用CSS樣式表設計頁面時,我們經常會遇到一個CSS屬性需要應用到多個文本上的情況。這時候,我們可以通過一些方法來實現這一目的。
最常見的方法是將這些文本放在一個共同的容器內,然后應用相同的CSS屬性。例如:
.container { font-size: 16px; font-weight: bold; } <div class="container"> <p>這是第一個文本</p> <p>這是第二個文本</p> <p>這是第三個文本</p> </div>
這樣,所有在這個容器內的文本都會應用相同的CSS屬性。
另一種方法是利用CSS類名,將這些文本分別應用不同的類名。例如:
.text { font-size: 16px; } .bold-text { font-weight: bold; } <p class="text">這是普通文本</p> <p class="text bold-text">這是粗體文本</p> <p class="text">這又是普通文本</p>
這樣,我們只需要在HTML中添加需要的CSS類名即可讓我們的文本應用相應的CSS屬性。
總之,無論是將文本放在一個容器內,還是利用CSS類名分別應用不同的CSS屬性,我們都可以輕松地實現CSS屬性對多個文本的應用。
上一篇css屬性可以繼承的
下一篇css屬性使圖片放大