1、一列布局：一般都是固定的宽高，设置margin : 0 auto来水平居中，用于界面显著标题的展示等。
2、两列布局：说起两列布局，最常见的就是使用float来实现。float浮动布局的缺点是浮动后会造成文本环绕等效果，以及需要及时清除浮动。
3、三列布局：两侧定宽中间自适应,首先设置父级元素的宽度，可以左左右设置浮动。然后中间设置margin调整间距。 也可以都设置成左浮动，设置margin，调整间距。同样注意清除浮动的影响。
4、混合布局：在一列布局的基础上，保留top和foot部分，将中间的main部分改造成两列或三列布局，小的模块可以再逐级同理划分。
css移动搜索框的方法，可以利用内边距或者外边距，即padding或者margin来实现
新建文件夹和HTML文件，文件名自定义
准备好基础代码,效果
第一，使用外边距margin控制，此处代码是吧搜索框下移（上移吧margin-top替换成margin-bottom即可）
第二，使用外边距padding控制，此处代码是吧搜索框下移（上移吧padding-top替换成padding-bottom即可）
需要运用用css的margin top，方法步骤：
1、如果值为负数时，元素会向上移动；
2、如果值增大，元素向下移动；
3、如果不设置该值时，浏览器有一个默认的margin的值；
4、需要定义的数值比浏览器默认值小，才能页面呈现时上调元素位置例。
1、Blueprint是比较早的，基于静态css的框架。现在有两个主要的动态css语言，LESS和SASS，给css提供了变量，mixin，运算符等功能，让写出模块化的css框架成为可能。
2、Bootstrap现在基本是欧美这里最流行的框架，基于LESS，最近升级以后完全模块化，这个框架对大部分元素的视觉细节都已经做得很完整，基本上需要写html加class，就可以做出页面。模块化的框架修改起来比较方便，基本上修改变量即可。
3、另一个比较流行的是基于SASS的Compas
关键词： css 网页 布局 方式