HTML8系列教程之规范文件夹结构、规范文件夹命名和文件命名——文件夹建立命名、结构、CSS文件命名、CSS选择器命名
每次新做CSS网页项目的时候，需要建立好文件目录结构。
CSS制作考虑的文件夹有：项目文件夹、图片文件夹、CSS文件夹、JS文件夹，网页放置位置。
接下来我们看看如何建立文件夹及如何命名。
一、文件夹规范建立
1、首先我们制作一个DIV CSS新项目时候，首先我们就需要新建一个项目文件夹，这里我们假如"anli"文件夹
CSS制作项目文件夹新建
2、然后到anli文件夹里新建装网页基本元素图片文件夹（用于装背景、导航条背景、花纹、小图标）等，我们一般新建名称为"images"文件夹
新建图片文件夹
3、新建脚本文件夹，一般放“js”文件的文件夹
新建JS文件夹
4、网页文件命名，我们一般新建命名"index.html"为首页网页文件，其它网页可以自定义如"list.html"等
新建HTML文件一般放位置 HTML网页文件与其它文件夹结构放置位置
以上就是常见的文件和文件夹 结构
二、CSS文件
一般网站全站调用的CSS文件，我们新建名为"style.css"或web.css都可以，如果较大的站我们可以再建针对栏目的CSS文件，针对文章的CSS文件、针对基本皮肤CSS文件，如list.css。
也可根据下面命名方式新建CSS文件：
主要的 master.css
布局，版面 layout.css
专栏 columns.css
文字 font.css
打印样式 print.css
主题 themes.css
当然这些命名不一定要死死遵循，大家也可以根据自己想法命名，注意的是最好用英文开头的命名。
我们这里就使用style.css作为，装全站的基础css代码CSS文件。
通常一般企业站或小站，CSS文件就放入images文件夹里即可，这样CSS中调用图片作为背景样式属性时候，图片引入时路径简单不易出错。
CSS文件个数：同样小站 企业站 一般就建1个CSS文件装CSS代码即可 推荐新建命名为“style.css”的CSS文件装全站的CSS代码 。
这里我们直接使用拷贝给大家的模板images里面的文件即可（HTML8初始化模板）
HTML8初始化模板新建提供文件与图片素材
在我给大家的模板中已经新建了首页页面html文件“index.html”,图片文件夹images，而图片文件夹images里面包含了CSS文件styles.css。
这样基本的DIV CSS基础准备完工，当然大家可以没这样麻烦，你可以直接将模板复制1份，再到复制的模板基础继续添加图片、写CSS 最终完成CSS制作项目。
每次新CSS项目，我们就先复制一份给大家都DIV+CSS模板即可完成基本准备，这样无需那么麻烦一个个新建文件夹和新建文件。这样可以节约时间，同时不易出错。我们再到模板基础上进行布局、写代码来完成项目。
三:接下来我们介绍CSS属性选择器的命名
这里有常见的命名，这里要说的是
1、注意命名字母大小写，为了不易出错，建议大家一律以英文小写命名，这样HTML引用的时候就不必考虑自己是大写还是小写单词。
命名技巧说明：//www.yfnd.net/css/67.shtml
2、常见几个CSS选择器命名我们需要注意和建议遵循的
最外层：wrap
页面页眉：header
页面内容：content
页面页脚：footer
一般这几个单词我们只使用1次，且算是最外层，我们就可以一以“ID”在DIV调用它们，
这样CSS代码结构如下：
#wrap{代码内容}
#header{代码内容}
#content{代码内容}
#footer{代码内容}
对应html里常常DIV代码结构如下：
<div id="wrap">
<div id="header">头部区（页眉区）</div>
<div id="content">主题内容区</div>
<div id="footer">底部版权区（页脚区）</div>
</div>
至于其它小区域局部的命名可以自定义。
无论是文件名命名还是CSS属性选择器命名，大家记住，如果是团队开发项目时候，尽量要遵循一下自己团队命名规则和习惯，这样可以提高团队协作效率，最好内部制定一套共同习惯并相对规则的命名方式和具体命名名词。