练习品优购(HTML+css)的总结
创建公共样式表和初始化样式表
由于一个完整的电商购物网站,页面的部分内容经常重复。如果每个页面都要重写一遍公共样式的话,会增加代码工作量。而且,我们在写一个页面时会发现经常会对一些标枪进行默认样式的去除,与其每个页面都也一遍还不如创建一个初始化样式表,等到需要时直接link一下引入就行了。
页面结构永远比样式更重要
因为在我们进行页面布局时如果结构错误那么在漂亮的样式也没用,所以当我们要进行网页布局时最好观察一下页面的结构。一般网页中心都会有一个版心将所有内容包裹在左右居中对齐,接着从网页的行开始,一行一行下去有多少行就有多少行盒子。写完结构后最好给盒子填充一个背景色观察一下布局是否正确,行盒子里的小盒子也是这样。当行盒子和里面的小盒子都放在它该在的位置上,再往里填内容。
目录文件夹的创建
一般分为:CSS样式文件夹、font字体图标文件夹、img背景图片文件夹、upload产品图片文件夹、和之后的JS文件夹
注意标签的语义化
标题一般用h1~h6标签而不是用p标签,div和span没有语义只是放内容的盒子。
命名规范化见名知意
一般网站logo用.logo命名,导航条用nav命名等等
书写符合规范
HTML和css 基本上都用小写英文,属性和值之间用冒号和空格隔开以分号结尾,一个属性独占一行