CSS中的@import规则用于导入一个外部的CSS文件,并且将这个CSS文件中的样式应用到当前文档。它可以帮助网页设计者在同一网页中使用多个CSS文件,让CSS的组织更加灵活和便捷。
@import规则需要写在标签里面的CSS代码的开头,引用的外部CSS文件必须是纯CSS文件,不能含有HTML标签或其他语言的代码。
例如,下面的代码演示了如何在一个HTML文档中使用@import规则引用外部CSS文件,其中"style.css"文件是要被引用的外部样式表文件。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Using @import in CSS</title>
<style>
@import url("style.css");
/* 其他 CSS 样式 */
</style>
</head>
<body>
<h1>Hello World!</h1>
<!-- 内容 -->
</body>
</html>