第十五篇：外部css文件
已经把CSS样式文件的优先级已经基本梳理清楚了。优先级最高的就是行内的样式，其次是外部引用的样式，最后是页面的head中的样式。
有了这些，我们就可以把首页中的样式进行规整了。
在修改的过程中，需要修改一个，保存一次，查看下效果，防止修改失误，造成不可挽回的错误。以后样式都在外部的样式文件中操作，就不会这样了。
这是页面的部分代码，我把一样的样式用了一样的class来设置，然后主要的框，用了id来设置，对于变化比较多的宽度，采用了系列的样式来标识，便于观察。
样式在转换过程中，其他还好，唯一需要注意的是，关于背景图片引用时的地址，在页面中的位置和在css中的不一样。
这里在images文件夹前方添加了两个点，这是为什么呢？
这就要说一下HTML中关于地址的引用的规则了。如果是在同一个文件夹里，则引用时，无需添加前缀，可以直接引用。
因为HTML会自动搜索同一文件夹中的所有可用文件，如果有同名的，就会直接调用。
例如图中的，index中需要引用yscss文件时，直接写文件名带上属性名即可。但是在实际操作中，为了我们编辑和维护的方便，就会对同一类文件，进行分门别类的存放于相应的文件夹中，比如css样式文件，存放与css文件夹中，以后如果有js动作文件，也可以存放在一起。Images可以存放需要使用的图片，后期如果有其他需要，可以在images文件夹中再次分类存放需要的文件。分类对于维护会有很好的帮助。
比如我的index文件是在ceshi文件夹中，然后呢css样式文件在css文件夹中，css文件夹与index文件在一个文件夹中，这就需要index在搜索时先找到css文件夹，再从css文件夹中搜索