DIVCSS基础网页开发设计2.pptVIP

xilingsnow@163.com 测井培训之《网络技术及应用》 这样HTML 就很容易写出来了 div id=Logo/div div id=Nav/div div id=Banner/div div id=Content/div div id=Footer/div 5块的宽度都是900像素，并且都是水平居中的，所以相应CSS 代码如下 body,div,a,img,p,form,h1,h2,h3,h4,h5,h6,input,textarea,ul,li,dt,dd,dl{Margin:0;padding:0;} 作用就是重置可能用到的标签 #logo,#Nav,#Banner,#Content,#Footer{ width:900px; margin:0 auto;} 一般网站都会做到点击logo，就会回到主页，代码一般会这么写 a href=# id=logoLinkimg src=# //a 另外一种方法，将图片做成链接a 的背景，同样可以达到上面说的效果，并且HTML 代码就会更精简，少了img...， div id=Logo a href=# id=logoLink/a /div HTML 代码： CSS代码 #Logo{ height:80px;/*公共代码中没有定义高度，在这里定义*/ } #logoLink{ display:block;/*将链接a 转化成块