第03部分-CSS技术剖析.ppt

Firefox中的1－3－1布局示意图 body header container nav content side pagefooter 1－3－1布局的结构代码 div id=headerid=header/div div id=container div id=naviid=navi/div div id=contentid=content/div div id=sideid=side/div /div div id=pagefooterid=pagefooter/div 1－3－1布局的CSS代码 #header,#pagefooter,#container{ margin:0 auto; width:772px; border: 1px dashed #FF0000; } #navi,#content,#side{ border:2px solid #0066FF; } #navi{ float:left; width:200px; } #content{ float:left; width:360px; } #side{ float:left; width:200px; } #pagefooter{ clear:both;} 综合布局实例 本部分内容 CSS基础 CSS属性值与单位 CSS文本修饰应用 盒子模型与标准流定