div css布局实例教程[编辑]

div css布局基本介绍

div css布局是web设计标准，是一种网页的布局方法，与传统中通过表格（table）布局定位的方式不同，可以实现网页页面内容与表现相分离。

div是什么

div在编程中又叫做整除，即只得商的整数，div元素是用来为HTML文档内大块(block-level)的内容提供结构和背景的元素。div的起始标签和结束标签之间的所有内容都是用来构成这个块的，其中所包含元素的特性由div标签的属性来控制，或者是通过使用样式表格式化这个块来进行控制。

css是什么

css是英文Cascading Style Sheets的缩写，是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。

div css 布局的优势和劣势

优势

1、能够使代码精简，css文件可以在网站的任意一个页面进行调用，避免了使用table表格修改部分页面。
2、提升了网页访问速度，div+css布局减少了许多代码，其浏览访问速度自然得以提升，提升了网站的用户体验度。
3、有利于优化，采用div css布局的网站对于搜索引擎很是友好，简洁、结构化的代码更加有利于突出重点和适合搜索引擎抓取。

劣势

1、浏览器兼容性 ，div css更容易出现多种浏览器不兼容的问题，主要原因是不同的浏览器对web标准默认值不同。
2、网页中太多的css代码，会影响搜索引擎的收录。

div css 布局实例教程的内容

1、建立站点
2、结构分析
3、搭建框架
4、切割效果图
5、布局页面——头部和导航
6、布局页面——侧边栏
7、布局页面——主体部分
8、底部和细节调整
9、相对路径和相对于根目录路径

秀友百科词条内容均由网友提供，仅供参考。如发现词条内容有问题，请联系管理员。