CSS（層疊樣式表）是一種用于描述網頁樣式的語言。這篇文章將介紹一些常用的 CSS 樣式，包括基礎應用、布局、動畫效果等。

/*基礎應用*/
color: red; /*文本顏色為紅色*/
background-color: blue; /*背景顏色為藍色*/
font-size: 16px; /*字號為16像素*/
border: 1px solid black; /*邊框為1像素的黑色實線*/
text-align: center; /*文本居中*/
padding: 5px; /*內邊距為5像素*/
/*布局*/
display: flex; /*使用彈性布局*/
flex-direction: row; /*子元素排列方向為橫向*/
justify-content: space-between; /*子元素居中排列*/
align-items: center; /*子元素垂直對齊居中*/
grid-template-columns: repeat(3, 1fr); /*網格布局三列等分*/
/*動畫效果*/
transition: all 0.2s ease-in-out; /*添加過渡動畫*/
transform: rotate(45deg); /*轉動元素45度*/
animation: move 2s infinite; /*添加動畫，循環播放*/
/*響應式布局*/
@media screen and (max-width: 768px) {
/*在屏幕寬度小于768像素時生效*/
flex-direction: column; /*彈性布局改為垂直排列*/
font-size: 14px; /*字號縮小為14像素*/
}

這些 CSS 樣式在網頁設計中使用非常廣泛，掌握了它們能讓我們更加輕松地實現自己的設計目標。當然，還有很多其他的 CSS 樣式和用法，希望大家能不斷學習和探索。