HTML CSS + DIV实现整体布局
1、技术目标：
2、什么是W3C标准？ W3C：World Wide Web Consortium，万维网联盟 W3C的职能：负责制定和维护Web行业标准 W3C标准包括一系列的标准：
3、W3C倡导的Web结构要符合以下要求：
4、符合W3C规范页面的结构：
5、XHTML基本规范
<input checked="checked" /> <input readonly="readonly" /> <option selected="selected" />6、页面开发需要注意的地方：
CSS样式代码(在第13节CSS代码基础上加入)： .cat, .sidebar { float:left; width:20%; height:100%; } .content { float:left; width:60%; height:100%; }17、clear清除 clear只对块级元素有效，表示如果前一个元素存在左浮动或右浮动，则换行 clear属性的取值：rigth、left、both、none18、总结
HTML CSS + DIV实现局部布局
1、本章教大家掌握2种布局方式:
1）顶部导航菜单布局，效果图：
2）购物版块布局，效果图：
结构代码（完整版）：
符号 示例代码 说明=========================================== 空格 div ul { list-style:none; } 选择div标签内的ul标签 , div, ul { text-align:center; } 选择div标签和ul标签 # #tagId { color:red; } 选择id属性值为tagId的标签 . .tagbd{border:1px;} 选择class属性值为menuBg的标签 : a:hover { #ff0; } 伪类，选择鼠标移动到上方的a标签 选择器的组合
li .tagClass {
width:28px; }
div #tagId{
text-align:center;}
#tagId .tagbd{
border:1px;}
选择id属性值为tagId的标签内，
class属性为tagbd的标签
#tid1 .tc1, #tid2 .tc2{
height:26px;
选择id属性值为tid1的标签内，
class属性值为tc1的标签，以及id属性
值为tid2的标签内，class属性值为tc2的标签
9、总结： 典型的局部结构包括哪几个？ div + ul-li局部结构用在什么地方？ div + dl-dt-dd局部结构用在什么地方？
HTML Table局部布局与浏览器兼容性
注意：案例中所涉及的图片素材，页面下方提供下载1、技术目标:
5、页面的兼容性测试 兼容性测试包括检查浏览器之间的兼容性以及验证代码是否符合W3C的标准 5.1）检查浏览器之间的兼容性 测试网页在各种浏览器产品及各种版本中显示效果是否一致，一般要求保证 IE和Firefox兼容。IE要求IE6.0到IE8.0兼容即可，所以开发者需要安装IE 的多个版本以及Firefox浏览器，IE多版本测试可使用IETester工具，安装 好IE8，打开IETest就可以测试IE5.5~IE8.0各版本的效果 注意：IETest自行下载使用 5.2）验证代码是否符合W3C的相关标准，可使用以下方法
6、如何解决浏览器兼容问题？ 6.1）代码编写需要注意以下问题