<!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文件。这样可以使代码更加符合规范化和可维护性。