p {color: red;} .classname {font-size: 20px;} #idname {background-color: yellow;} [attr] {border: 1px solid black;} a:hover {text-decoration: underline;}其中,p為元素選擇器,classname為類選擇器,idname為ID選擇器,[attr]為屬性選擇器,a:hover為偽類選擇器。 屬性值:屬性值是CSS的主體,它設置了樣式的具體表現。CSS3新增了許多新的屬性,例如漸變、陰影、邊框圖片、圓角等。 例如:
background: linear-gradient(to bottom, #f00, #00f); text-shadow: 2px 2px 5px #666; border-image: url(border.png) 30 30 stretch; border-radius: 10px;其中,background為漸變屬性,text-shadow為文字陰影屬性,border-image為邊框圖片屬性,border-radius為圓角屬性。 總結: CSS3擁有眾多新的功能,可以實現更加美觀和豐富的網頁設計。選擇器和屬性值的靈活應用可以使得我們的網頁設計更加個性化。然而在實際應用中,需要注意CSS3的兼容性問題,需要根據實際情況選擇合適的兼容性解決方案。
上一篇css3歡迎動畫
下一篇css3水波浪浮動中國晉