在網頁設計開發中，CSS是一項至關重要的技術。其中，p標簽和pre標簽用于控制文章段落和代碼的樣式，非常實用。
p標簽被用于定義一個段落。使用p標簽可以使文章內容看起來清晰易懂。在HTML文檔中，可以將連續文本塊封裝在p標簽中，以形成一篇有序的文章。同時，通過CSS，還可以對p標簽的字體大小、顏色、行距、段前段后距離等進行自定義樣式設置，使文章更加美觀易讀。
pre標簽則表示預定義格式文本。它被用于顯示計算機程序代碼等，并且直接顯示在網頁上。pre標簽內包含的文本將保留原有的空格和換行符，不會受到瀏覽器的自動格式化。因此，它非常適合用于代碼塊的展示。與p標簽類似，pre標簽也可以使用CSS樣式進行自定義設置。
下面是一些使用p標簽和pre標簽的實例：
1、文章段落使用p標簽
這是一段文章，使用p標簽進行分段。這樣可以使文章更加結構化和清晰易懂。
2、代碼塊使用pre標簽function fibonacci(n) {
if (n<= 1) {
return n;
}
return fibonacci(n - 1) + fibonacci(n - 2);
}