CSS3是現在前端開發中非常重要的一部分,它可以幫助我們構建一些非常炫酷的視覺效果。在使用CSS3之前,我們需要了解一些基本的寫法。
/* HTML樣式選擇器 */ p { color: red; font-size: 20px; } /* CSS樣式選擇器 */ #content { width: 800px; background-color: #f5f5f5; } /* 內聯樣式 */Hello World
/* CSS3新增選擇器 */ p:first-child { color: blue; } p:last-child { color: green; } p:nth-child(2n) { color: yellow; } /* CSS3過渡效果 */ img { transition: transform 1s; } img:hover { transform: rotate(360deg); }
以上是CSS3的一些基本寫法,我們可以通過設置樣式選擇器、過渡效果等來實現一些非常酷炫的視覺效果,為網站添加更多的色彩和趣味。
上一篇css li 最后一行
下一篇css li 圓點大小