在Web頁面開發(fā)中，CSS的作用是很重要的。下面，我們來看看CSS有哪些應用。

1.樣式控制

p {
color: red;
font-size: 20px;
}

通過CSS樣式控制，我們可以設置文本的顏色、大小、字體等，以及背景色、邊框等元素的表現(xiàn)形式，使Web頁面更加美觀、易讀。

2.頁面布局

.container {
display: flex;
justify-content: center;
align-items: center;
}

使用CSS布局可以讓Web頁面實現(xiàn)各種布局效果，如水平居中、垂直居中、柵格布局、響應式布局等。

3.響應式設計

@media screen and (max-width: 768px) {
.menu {
display: none;
}
.icon-menu {
display: block;
}
}

在移動設備上，Web頁面的排版和表現(xiàn)形式需要與PC端不同，所以我們可以使用CSS的響應式設計，根據(jù)不同的設備屏幕大小來設置樣式。

4.動畫效果

@keyframes rotate {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.box {
animation: rotate 2s linear infinite;
}

使用CSS動畫可以實現(xiàn)各種炫酷的動畫效果，如旋轉、放大、縮小等。

總之，CSS是Web頁面開發(fā)中一個必不可少的工具，通過巧妙的應用，可以讓我們的Web頁面呈現(xiàn)出更加優(yōu)美、生動、多樣化的效果。