在 CSS 樣式表中，我們經常需要對文章或段落進行排版和美化，以便讓網頁看起來更加美觀大方。在處理圖片時，我們需要對其進行一些調整和排版，這時候就需要使用 p 標簽和 pre 標簽來處理。 對于文章和段落的排版，我們通常使用 p 標簽，該標簽用于排版文本內容。例如，如果我們要在網頁中添加一張圖片并且在圖片下方添加說明文字，那么我們可以先在 HTML 文件中使用 img 標簽插入圖片，然后在圖片下方添加一個 p 標簽用于書寫文字內容，如下所示： ```

這是一張美麗的圖片。

``` 當然，我們也可以對 p 標簽進行 CSS 樣式的定義，以達到更好的排版效果。 除此之外，在開發過程中還會遇到需要在代碼中顯示一些文本的情況，這時候就需要使用 pre 標簽了。pre 標簽用于定義預格式化的文本，保留文本中的所有空格和換行，并且文本中的任何 HTML 標簽都會被顯示出來。如果我們需要在代碼區域中顯示一段 HTML 代碼，那么可以使用 pre 標簽來實現。 例如，我們可以使用下面的代碼來顯示一段 HTML 代碼： ```

<div id="myDiv">
<p>這是一個段落。</p>
</div>

``` 使用 p 標簽和 pre 標簽，我們可以更好地對文本和代碼進行排版和美化，使我們的網頁更具吸引力和可讀性。