Lec04 CSS布局实例篇.pptVIP

* * * * * * * * * * * * * * * * * * * * * * * * 商务网站设计与开发（一）——HTML+CSS+JavaScript 电子商务教研室 滕岩 rock_teng@126.com Spring 2013 Lec04：CSS+Div布局实例篇 CSS+Div基本布局 块元素和内联元素 导航栏的制作 1.基本布局 1.基本布局 HTML部分： 页面主要由5大块构成； 这5块的宽度都是900 像素，并且都是水平居中的。 div id=“logo/div div id=“nav/div div id=“banner/div div id=“content/div div id=“footer/div head…… link rel=stylesheet type=text/css href=css04.css/ /head 1.基本布局 CSS部分：css04.css body,div,a,img,p,form,h1,h2,h3,h4,h5,h6,ul,li{ margin: 0; padding: 0; } #logo,#nav,#banner,#content,#footer { width: 900px; margin: 0 auto; } 2.布局logo栏 一般网站都会做到点击logo，就会回到主页： a href=