网页布局分为：网页头部、网页主题、网页底部。

初学html时制作出来的页面非常丑陋，是因为没有添加CSS样式和布局排版，完全按照元素自身的特性来排列元素。事实上，对于这些标签还有一个专门的属性来控制元素的显示方式，是像div那样快元素显示，还是像span那样行内显示，这个属性就是display属性。

block快元素的默认值，inline行内元素的默认值，inline-block行内块元素，none设置元素不会被显示。

下面我们来做个一个页面用float属性来实现网页的布局。

样张图片：

下面我们就用浮动来进行编辑代码如下：

看一下css样式表：

下面来看一下我们设计出来的效果：

布局差不多没什么大的区别，小编现在也是初学者，希望提出建议