CSS（Cascading Style Sheets）是網(wǎng)頁設(shè)計中的一種重要的技術(shù)，常用于為HTML網(wǎng)頁添加樣式和布局。在CSS中，通過各種標記來實現(xiàn)不同的樣式效果。下面介紹一些常用的CSS標記及其作用。

/*選擇器*/
/*元素選擇器*/
p {
/*樣式*/
}
/*類選擇器*/
.class {
/*樣式*/
}
/*ID選擇器*/
#id {
/*樣式*/
}
/*組合選擇器*/
p.class {
/*樣式*/
}
/*后代選擇器*/
article p {
/*樣式*/
}
/*相鄰兄弟選擇器*/
h1 + p {
/*樣式*/
}
/*通用選擇器*/
* {
/*樣式*/
}
/*偽類選擇器*/
a:hover {
/*樣式*/
}
/*偽元素選擇器*/
p::before {
/*樣式*/
}
/*屬性選擇器*/
input[type="text"] {
/*樣式*/
}
/*樣式屬性*/
/*字體樣式*/
font-size: 16px; /*字體大小*/
font-family: Arial, sans-serif; /*字體類型*/
/*文本樣式*/
color: red; /*文本顏色*/
text-align: center; /*文本對齊方式*/
/*背景樣式*/
background-color: #eee; /*背景顏色*/
background-image: url(image.png); /*背景圖片*/
/*盒子模型*/
width: 200px; /*盒子寬度*/
height: 200px; /*盒子高度*/
padding: 10px; /*內(nèi)邊距*/
margin: 10px; /*外邊距*/
border: 1px solid #000; /*邊框*/
/*布局樣式*/
display: block; /*塊級元素*/
display: inline-block; /*行內(nèi)塊元素*/
float: left; /*浮動*/
position: relative; /*相對定位*/
position: absolute; /*絕對定位*/
/*動畫效果*/
transition: all 0.5s; /*過渡效果*/
animation: myanimation 1s infinite; /*動畫效果*/

以上是CSS中部分常用的標記及其作用。通過對這些標記的靈活使用，可以實現(xiàn)豐富多彩、美觀大方的網(wǎng)頁設(shè)計效果。