将css分门别类

为了可以很好的维护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" />