模块化网站注意事项

  • 核心: 同一个页面先写一样的,后写不一样的(相同的写成公用的,不相同的样式通过命名空间来控制《就是通过不同的父级来控制公共的类写不同的地方》,也可以直接添加一个包裹层用来设置不同的样式,命名例如: wrap-section1)
  • 步骤:
  • 0.创建好相应的图片、样式、行为等文件夹
  • 1.分析设计图,得出大的布局(简单来说,就是从左到右的通栏块,忽略其中的具体内容),并想好对应的命名(置),根据功能来命名,而不是左右位置。
  • 2.找出来公共的样式,并用代码写出来(比如,左右浮动、清除浮动、包裹层等等,公共样式也可以一边写,一边往里面填)。
  • 3.将大的结构写出来,再写公用的模块(比如: 头部和 某一个地方有同样的渐变背景 等等。。。 使用CSS3, 对于IE6 7 8 实行优雅降级。)
  • 4.写完以上的后,到各大浏览器看一下兼容问题。然后,把样式精简一下,相同的用群组选择器等等。
  • 可以通过印屏幕到PS中来检查实际的是否一致
  • 每写完一个详细的模块,测一下兼容性