1、新建一个html文件，创建一个类名为wrap的div。先通过css类选择器选择到div来控制div的宽度和高度和背景颜色（没有边框时方便看出来div的大小）。
成都创新互联公司技术团队十载来致力于为客户提供网站设计、网站建设、高端网站设计、成都营销网站建设、搜索引擎SEO优化等服务。经过多年发展，公司拥有经验丰富的技术团队，先后服务、推广了1000+网站，包括各类中小企业、企事单位、高校等机构单位。
2、确定页面的版心（可视区）。分析页面中的行模块，以及每个行模块中的列模块。制作HTML结构 。CSS初始化，然后开始运用盒子模型的原理，通过DIV+CSS布局来控制网页的各个模块。
3、块元素的之间的间距使用margin属性设置。CSS margin 属性 定义和用法 margin 简写属性在一个声明中设置所有外边距属性。该属性可以有 1 到 4 个值。
4、这几个数字表示内容距离周围的距离，顺序是：上、右、下、左。
5、在网页中，CSS控制字体是最方便的！ CSS使用“font-size”属性来控制字体大小。 CSS中可以使用的单位：points， pixels等单位 。
6、上面的是修改页面中表格的边框，四个数字分别表示上 右 下 左四个方向的边框的粗细。将table修改为td，则对应的修改表格内单元格的边框。
1、给div添加一个class，比如div class=content/div，然后在css文件里写上：.content{width：600px；height：400px；background：red；}就可以了。
2、网页设计中DIV+CSS布局问题 你可以把父DIV里面的两个并排的DIV的属性同时设定为浮动LEFT，这个问题即可解决。
3、设置边框和背景色需要使用css的border和background属性。
众所周知的 Bootstrap，它的栅栏布局即为媒体查询的代表，完全通过屏宽来判断元素是否换行和是否显示。
如果你的块级容器的宽高是动态的，那么背景图将自动伸缩，充满整个容器。
纯PC端布局： （1）通常以固定宽度布局，常见的宽度范围 950 - 1200 以width设置固定宽度，并居中。
，响应式布局：简而言之，就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。这个概念是为解决移动互联网浏览而诞生的。