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

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

這些 CSS 樣式在網(wǎng)頁設(shè)計(jì)中使用非常廣泛，掌握了它們能讓我們更加輕松地實(shí)現(xiàn)自己的設(shè)計(jì)目標(biāo)。當(dāng)然，還有很多其他的 CSS 樣式和用法，希望大家能不斷學(xué)習(xí)和探索。