css网站布局实录学习笔记第三部分网页布局与定位

第三章 CSS网页布局与定位

3.1 div

几乎XHTML中的任何标签都可以用于浮动与定位，而div首当其冲。对于其他标签而言，往往有它自身存在的目的，而div元素存在的目的就是为了浮动与定位。

3.1.1 div是什么

div是XHTML中制定的、专门用于布局设计的容器对象。在传统表格式布局中，之所以能够进行页面的排版布局设计，完全依赖于表格对象table。如今，接触另一种布局方式——CSS布局。div正是这种布局方式的核心对象。仅从div的使用上说，做一个简单的布局只需要依赖两样东西：div与CSS。因此有人称CSS布局为div+css布局。

3.1.2 如何使用div

只需要应用<div></div>标签，将内容放置其中，便可以应用div标签。但是，div标签之声一个标识，作用是把内容标识成一个块区域，并不负责其他事情。

div标签中除了直接放入文本外，也可以放入其他标签，还可以多个div进行嵌套使用，最终目的是合理地标识出内容区域。

在使用div标签时，可以加入一些属性，比如id、class、align、style等。在CSS布局方法，为了实现内容与表现的分离，不应当将align、style两个属性编写在XHTML页面的div标签中，因此，最终的div代码只能拥有以下两种形式：

发表评论 共有条评论 用户名: 密码: 验证码: 匿名发表