文档介绍：该【第11章CSSdiv布局方法剖析 】是由【260933426】上传分享，文档一共【19】页，该文档可以免费在线阅读，需要了解更多关于【第11章CSSdiv布局方法剖析 】的内容，可以使用淘豆网的站内搜索功能，选择自己适合的文档，以下文字是截取该文章内的部分文字，如需要获得完整电子版，请下载此文档到您的设备，方便您编辑和打印。第11章 CSS+div布局方法剖析
网络工程系
张红芳
qq:162038565
Tel:**********
主要内容:
CSS排版观念
常见布局方式
块的背景色问题
div排版与表格排版分析
综合案例
重点:CSS排版观念、固定宽度且居中的版式
CSS排版是一种很新的排版理念,它将页面首先在整体上进行<div>标记的分块,然后对各个块进行CSS定位,最后再在各个块中添加相应的内容。
例:简单的页面框架主要包括以下几个部分:banner、content、links、footer,各部分分别用自己的id来标识。如下图所示:
页面内容框架(参考实例:11-)
#container
#banner
#content
#links
#footer
1-1-1布局
1-2-1布局
1-3-1布局
1-((1-2)+1)-1布局
“-”表示竖直排列,“+”表示横向排列
1-1-1布局
·
绝对定位来实现
浮动定位来实现