CSS代碼是網頁設計中必不可少的組成部分，它可以為網頁添加各種不同的樣式和布局。CSS（層疊樣式表）是一種用于描述文檔如何呈現的語言。下面是一些CSS的具體作用：

p {
font-size: 18px;
font-weight: bold;
color: #333;
}

CSS代碼可以改變文本的顏色、大小、字體以及其他樣式。比如上面這段代碼就將所有的段落文字設定為加粗的18px字號、顏色為#333。通過CSS，我們可以輕松地修改文本的字體、大小、顏色等屬性。

div {
background-color: #f2f2f2;
border: 1px solid #ccc;
padding: 10px;
}

CSS還可以設置元素的背景顏色、邊框和內邊距。這個代碼樣例里將所有div元素的背景設置為#f2f2f2，邊框設置為1px寬的#ccc，內邊界設置為10個像素。這些設置能夠讓網頁看起來更加美觀和易讀。

img {
width: 100%;
height: auto;
display: block;
}

CSS還可以用于控制網頁中的圖像。這個代碼樣例將所有圖像元素的寬度設定為100%、高度自適應，并且把圖像設置為塊級元素。通過這些設置，網頁中的圖像可以始終保持適當的大小，不會拉伸或變形。

總之，CSS是一種非常強大的網頁設計工具，它可以通過改變文本樣式、布局、顏色和其他特征來優化網頁的設計。學習和掌握CSS代碼的基本用法，可以讓我們打造出更加美觀和專業的網頁。