网页设计基础研讨.pptVIP

div+css网页标准布局实例教程 六、布局页面——侧边栏 主体部分涉及side和main两部分，内容较多，但都不难，没有增加什么新的知识点，主体部分先从侧边栏说起，侧边栏可以共用一个样式，下面就先做一个通用的，插入如下html代码 div class=side_box h2strong产品/strong导购/h2 div class=side_con此处显示 class side_con 的内容/div /div 这里的标题采用h2标签，没必要再用个div，还有“产品导购”中“产品”二字是红色字体，这里用strong标签，这样可以省去很多没必要的定义，所以在页面布局当中一定要合理利用每一个标签。讲到这里，有必要说一下第一节教程中讲的为什么不能叫div+css而应该叫xhtml+css了，因为div只是xhtml中的一个标签，叫div+css会让许多朋友误认为遇到块级元素就得用div，造成了div的滥用，而合理利用每个标签，才是web标准设计的一个准则。回过头来定义侧边栏的样式如下： #side { float:right; width:228px;} .side_box { margin-bottom:8px;} .side_box h2 { height:25px; padding:6px 10px 0 10px; background:url(../images/sid