在CSS中，為了讓網頁更加結構化和易于閱讀，我們通常會使用p和pre標簽來分別對文章段落和代碼進行標記。 首先，p標簽用于標記文章中的段落。在CSS樣式表中，我們可以設置p標簽的樣式，如改變字體、顏色、字號等等。在使用p標簽時，我們需要注意的是要將每個段落都放在一個p標簽內，這樣瀏覽器才能正確地識別并呈現出段落之間的間距和結構。 例如：

這是一個段落。

這是另一個段落。

其次，pre標簽用于標記網頁中的代碼區塊。與p標簽不同，pre標簽會保留代碼中的空格、制表符和換行符等格式，使其可以更加清晰地展示代碼的結構和語法。 在使用pre標簽時，我們需要將代碼塊放在pre標簽內，并使用CSS樣式表為其指定字體和字號等樣式。 例如：

body {
font-size: 16px;
}

總之，在CSS中使用p和pre標簽可以使文章和代碼區塊更加結構化和易于閱讀。我們需要注意將每個段落都放在一個p標簽內，同時將代碼區塊放在pre標簽內，并為其指定合適的樣式。