为了可以很好的维护css代码,可以把所有的css分门别类地保存到不同的文件中。例如:
base.css,header.css,nav.css
然后在新建一个main.css文件,把上面的css文件都放到main.css文件中。代码如下:
@import url("base.css");
@import url("header.css");
@import url("nav.css");
这样只需要在页面的<head>标签内部插入一个<link>标签就可以了。
<link rel="stylesheet" href="styles/main.css" type="text/css" />