练习品优购（HTML+css）的总结

创建公共样式表和初始化样式表

　　由于一个完整的电商购物网站，页面的部分内容经常重复。如果每个页面都要重写一遍公共样式的话，会增加代码工作量。而且，我们在写一个页面时会发现经常会对一些标枪进行默认样式的去除，与其每个页面都也一遍还不如创建一个初始化样式表，等到需要时直接link一下引入就行了。

页面结构永远比样式更重要

　　因为在我们进行页面布局时如果结构错误那么在漂亮的样式也没用，所以当我们要进行网页布局时最好观察一下页面的结构。一般网页中心都会有一个版心将所有内容包裹在左右居中对齐，接着从网页的行开始，一行一行下去有多少行就有多少行盒子。写完结构后最好给盒子填充一个背景色观察一下布局是否正确，行盒子里的小盒子也是这样。当行盒子和里面的小盒子都放在它该在的位置上，再往里填内容。

目录文件夹的创建

　　一般分为：CSS样式文件夹、font字体图标文件夹、img背景图片文件夹、upload产品图片文件夹、和之后的JS文件夹

注意标签的语义化

　　标题一般用h1~h6标签而不是用p标签，div和span没有语义只是放内容的盒子。

命名规范化见名知意

　　一般网站logo用.logo命名，导航条用nav命名等等

书写符合规范

　　HTML和css 基本上都用小写英文，属性和值之间用冒号和空格隔开以分号结尾，一个属性独占一行