建站分享（五）了解div+css，懂得网页的布局

DIV是块状元素，用于组织内容，是个大容器，里面可以放图片、文字等，从而方便把网页分为几大板块布局。

CSS是样式文件，用于描述各块内容的大小、边框等样式。

精简的代码；

提高访问速度、增加用户体验性；

DIV+CSS适合优化seo；

缩短改版时间；

更方便搜索引擎的搜索；

DIV+CSS布局可以保持视觉的一致性；

用DIV+CSS布局可以实现全站新式统一管理，便于后期网站的维护和管理。

代码释疑：图中为网络图片，代码包括四个css元素，颜色、边框、宽度、高度。分号将不同的元素隔开。

第一步：打开Dw，打开div标签，在ID处填名称（名称建议用英文不用数字），ID号不能相同。然后输入边框，第一个设置为none、auto；

第二步：在文字（或者删掉文字均可）后面加入第二个div，none、auto；

第三步：新建div，设置left，其余不用设置；

第四步：新建div，设置right，其余不用设置；

第五步：在边框右（后）新建div，设置left，其余不用设置；

第六步：在第三步的div里新建div，设置left，其余不用设置；

第七步：第六步设置好后，在右边再新建div，设置right，其余不用设置。