规划流程--html+css静态网站

规划：形式分为 嵌套和平级（最终是参考知识集合），布局如何设计

嵌套的流程可分为 以下原因：

需要封装为 包装体

1. 动态效果需包装
2. 统一样式包装【作用大致一样】（bg统一、位置相对统一、）
3. 包含样式包装【有明显的包含体】（边框包含、padding包含）
4. 外界作用，需隔离
5. 功能需求

滚动条、padding + width: 100%; 的自适应布局

平级的流程可分为 以下原因：【考虑封装体间的作用】

1. 统一样式包装（样式相同，如padding）
2. 布局一样（000  =）不是横向就是纵向

布局设计

1. 空白方面  自适应设计（具体实现见其他 介绍）
   • 空白是 变化的，不变的是内容，所以以内容为分界
   • 注意空白与内容的关系（0_0  |   _0_  |  _0  |  0_ ）【0空白，_内容】
2. 窗体（包含）方面 自适应设计
   • 设计对象：封装起始点、封装高宽

 

转载于:https://my.oschina.net/u/3857764/blog/1934266