CSS3是CSS語(yǔ)言的最新版本,它不僅擁有CSS2的所有功能,還添加了大量新的功能和語(yǔ)法規(guī)則,以實(shí)現(xiàn)更好的表現(xiàn)和控制頁(yè)面的能力。
以下是CSS3語(yǔ)法規(guī)則的一些基本知識(shí):
/* 選擇器 */ /* 類選擇器 */ .classname {} /* ID選擇器 */ #idname {} /* 屬性選擇器 */ [attribute=value] {} /* 相鄰兄弟選擇器 */ A + B {} /* 子元素選擇器 */ A >B {} /* 通用選擇器 */ * {} /* 偽類選擇器 */ a:hover {} /* 偽元素選擇器 */ ::first-child {} /* 樣式聲明 */ /* 屬性名和屬性值 */ property: value; /* 其他屬性 */ /* !important屬性 */ property: value !important; /* 繼承性 */ inherit; /* 盒模型 */ /* box-sizing屬性 */ box-sizing: content-box|border-box|padding-box; /* 內(nèi)邊距 */ padding: 10px; /* 邊框 */ border: 1px solid #000; /* 外邊距 */ margin: 10px; /* 顏色和漸變 */ /* 顏色 */ color: #f00; /* 漸變 */ background: linear-gradient(to bottom,#f00,#00f); /* 文本效果 */ /* 文字陰影 */ text-shadow: 2px 2px 2px #000; /* 文字描邊 */ -webkit-text-stroke: 1px #000; /* 媒體查詢 */ @media screen and (max-width: 768px) { /* 樣式聲明 */ }
以上是CSS3語(yǔ)法規(guī)則的基本知識(shí),掌握這些規(guī)則可以讓我們更好地控制網(wǎng)頁(yè)的樣式和效果。