CSS3是一種用于網頁設計的新技術,包含了許多強大的樣式屬性和功能,如圓角、陰影、變形、過渡、動畫等等。那么,使用CSS3需要引用什么呢?
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>CSS3示例</title> <link rel="stylesheet" href="css/style.css"> <!-- 引入CSS文件 --> </head> <body> <div class="box">這是一個CSS3示例</div> </body> </html>
在上面的代碼中,我們可以看到一個標簽,通過引用CSS文件來為頁面添加樣式。這是使用CSS3的常規方式,也是推薦的方式。當然,也可以在HTML文件中直接編寫CSS樣式。
<style> .box { width: 200px; height: 200px; background-color: #f2f2f2; border-radius: 50%; transform: rotate(45deg); } </style>
在這個例子中,我們直接在HTML文件中編寫了一個名為.box的樣式,實現了一個旋轉的圓形盒子。雖然這種方式也可以使用CSS3的功能,但不太方便維護和管理。
總之,使用CSS3需要引用CSS文件,并使用標簽來鏈接CSS文件。這樣可以使代碼更加符合規范化和可維護性。