在網頁設計中，CSS樣式和交互行為起著至關重要的作用。CSS樣式可以讓網頁看起來更加美觀，同時還能提高網頁的用戶體驗。接下來，我們將詳細介紹CSS樣式的各種用法以及交互行為的實現。

/*這里是CSS樣式代碼*/
p {
font-size: 16px;
color: #333;
line-height: 1.5;
}
a {
color: #007bff;
text-decoration: none;
}
button {
background-color: #007bff;
color: #fff;
border: none;
padding: 8px 16px;
border-radius: 4px;
cursor: pointer;
}
input {
border: 1px solid #ccc;
padding: 8px 16px;
border-radius: 4px;
}
/*CSS動畫*/
button:hover {
transform: scale(1.1);
background-color: #0062cc;
}
button:active {
transform: scale(0.9);
}
input:focus {
border-color: #007bff;
box-shadow: 0 0 0 1px #007bff;
}
@media screen and (max-width: 768px) {
/*響應式布局*/
p {
font-size: 14px;
line-height: 1.2;
}
}

如上所示，我們可以使用CSS樣式來改變文本的字體、顏色、行間距等等。同時，我們也可以對鏈接、按鈕、輸入框等元素進行樣式改變，增強網頁的交互性。

除了靜態的樣式之外，我們還可以使用CSS動畫來為網頁添加更多的交互行為。比如，當用戶鼠標懸停在按鈕上時，我們可以將按鈕放大一些，當用戶點擊按鈕時，我們還可以讓按鈕縮小一些，從而更加貼近用戶的操作習慣。

另外，響應式布局也是我們在開發網頁時需要考慮的問題，我們可以使用CSS媒體查詢來根據不同屏幕尺寸來改變網頁的布局，并且使其在不同設備上具有更好的展示效果。