“新建样式表文件”与“仅对该文档”的分离

2.“新建样式表文件”与“仅对该文档”的分离
（080112-02）作者：可乐·婷

在Dreameaver编辑器里，刚接触css、仅仅只用来练习的同学在初建css样式可选择“仅对该文档”，这样做的好处是，在调整样式后可以撤消到更改前的步骤。倘若选择“新建样式表文件”，更改了css值是不能使用撤消功能的。因而在调整css独立文件时要留心前面的步骤，否则想退回时则会发现悔无路途了，注意区别一下。

做完与css第一次亲密的接触，我开始想从建站步骤重生，在拿着练笔的文件一头无展时，LG给我点明了方向：公共模板的css与子模板css分离，达到资源共享，减少重复的目的。

↘于是我建立了common.css公共文件（建立方法与新建.html文件相同：文件—新建－css）和当前模版子文件

跳到css源代码，将模板公共框架的部分剪贴到common.css里（别问我css源代码在哪里，很简单：html代码里的紫红色部分就是）
也就是
<style type="text/css">—→代码头
<!--
-->
</style>—→代码尾

将公部部分的代码与当前模板所用到的子代码区分，分别存放不同的.css文件，粘稳了就保存吧。然后该如何应用呢？

↗在css属性栏的右下方，找到链接符号，点击→

↗“浏览”（找到你的所存common.css文件）→添加为“链接”→确定

依照模版所拆分的css文件，依次添加所应用的css链接即可。

↗分离完成

相关：CSS间距调整