CSS是一種樣式語言，可以控制網頁的布局和樣式，其中的p和div是最常用的元素之一。在CSS中，p和div的作用是不同的。

p元素是表示文本段落的最基本元素，它可以將一段文字分成不同的段落，并應用相應的樣式。可以通過設置font-size、text-align、color等屬性來定義p元素的樣式。p元素可以在文本中任何地方出現，并且可以包含其他內聯元素（如a、em等），但不能包含塊級元素。

p {
font-size: 16px;
line-height: 1.5;
text-align: justify;
color: #333;
 }

而div元素是表示文檔中獨立的區域，用來布局頁面，是一種更高級的結構元素。可以通過設置width、height、padding、margin等屬性來定義div元素的樣式。div元素可以包含其他塊級元素、內聯元素以及其他div元素，這使得它可以用于靈活的網頁布局。

div {
width: 100%;
height: 200px;
padding: 20px;
margin: 10px 0;
background-color: #f5f5f5;
 }

雖然兩種元素的作用不同，但都是實現網頁樣式的重要元素，熟練掌握它們的差別以及正確使用方式，可以幫助我們更好的開發網頁。