HTML+CSS 整站 步骤

文件夹管理:

CSS

JS

img

font

html

 

根据设计图,划分区块 ,即页面布局


 

重置样式 

根据自己的需要,对浏览器的默认样式进行了一些重置。但要注意物极必反,因此,有用到的标签才需要进行重置。

//避免这样的重置

*{ margin:0;padding:0;} 

 

写main.css 

 注意:1 距离尽量使用偶数,避免奇数

 2 在使用定位position时,确定定位是相对于父级还是相对document,若相对于父级,请先给父级加上相对定位

 3 切图,icon 根据需要拼接为一张图 

 

HTML+CSS完成后,检查兼容性 

 主要兼容:谷歌,火狐,苹果,IE(IE根据需求兼容IE6-最新版本)

 

静态界面写到这里就算告一段落了!接下来,写JS

 

如何在一个 网站或者一个页面,去书写你的JS代码?

1 JS的分层(功能):jquery(tools)  组件(ui)  应用(app)  有兴趣的可以去深入的了解mvc(backboneIS)

2 JS的规划(管理) :避免全局变量和方法(命名空间,闭包,面向对象),模块化(seaJS,requireJS)

 

posted @ 2016-02-25 20:37  jill1231  阅读(417)  评论(0编辑  收藏  举报