牛腩学习了好长时间,但是对于一些东西感觉模模糊糊的不是很明白,一些知识很破碎,对于div+css的理解是在敲牛腩并且查阅资料的过程中逐渐去理解的。
一、div+css是什么(定义)
DIV+CSS是网站标准(或称“WEB标准”)中常用的术语之一,因为HTML网站设计标准中,不适用表格(table)定位技术,而是采用DIV+CSS的方式实现各种定位,使用HTML对网站进行标准化重构。用DIV盒模型结构给各部分内容划分到不同的区块,然后用CSS来定义盒模型的位置、大小、边框、内外边距、排列方式等。也就是说用div搭建网站框架,用css进行网站的具体属性大小、样式设计和美化。
DIV元素是用来为HTML文档内大块(block-level)的内容提供结构和背景的元素。DIV的起始标签和结束标签之间的所有内容都是用来构成这个块的,其中所包含元素的特性由DIV标签的属性来控制,或者是通过使用样式表格式化这个块来进行控制。
CSS是英语Cascading Style Sheets(层叠样式表单)的缩写,它是一种用来表现HTML或XML等文件样式的计算机语言。使用CSS将表现与内容分离,便于网站维护,简化Html页面代码,可以获得一个较优秀的网站结构便于日后维护、协同工作和搜索引擎蜘蛛抓取。
当然不是所有的网页都需要用DIV布局,例如数据页面、报表之类的页面的时候还是会用Table,Web标准里并没有说要摒弃Table。所谓DIV+CSS布局的叫法让人更为担心,不要让DIV成为Table的替代品,多层嵌套的DIV会眼中影响代码的可阅读性。活用HTML为我们提供的标签吧。
二 、为什么要使用div+css
我们知道进行网页设计的两种方法,一种是表格(table),一种是div+css,他们都是页面布局的方式,那么为什么我们要使用div+css的这种方式,它有什么好处呢?