CSS网页布局的核心内容:CSS盒模型
| ;
</body> </html> 为了更方便看到p的表现，笔者给外部p设置了#ccc背景色，并给内部p设置了#eee背景色，而p元素设置了#cc9背景色。在浏览器地址栏输入http://localhost/box_padding.htm，浏览效果如图11.22所示。
图11.22 内边距的设置 11.3.5 盒模型兼容问题 微软的IE 6.0以后的版本在浏览器内嵌了两种表现模式：标准模式和兼容模式。在标准模式中，浏览器根据W3C所定的规范来显示页面；而在兼容模式中，页面将以IE 5.0，甚至IE 4.0的显示页面的方式来表现，使以前的网页也能正常显示。这两种模式最大的问题就是盒模式的兼容问题，但是，IE在兼容模式下运行的盒模式依然在最新版本的IE 7.0保留着，一旦页面使用兼容模式浏览，IE 7.0将变成跟IE 5.0一样不兼容Web标准。 不仅IE浏览器，其他浏览器都有类似的多种解析模式，如Opera浏览器、FireFox浏览器等。使用浏览器不同的模式通过不同的DTD（文档类型声明）来实现，在早期的HTML页面制作中，html声明部分直接使用的： <html></html> 这样的页面在浏览器中浏览时会使用兼容模式，如果HTML页面使用以下DTD声明。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/ html4/strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> 或： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3. org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> 前者代表HTML 4.0的严格类型的文档类型声明，后者代表XHTML的文档类型声明，这2种DTD将使浏览器使用标准模式。 — 说明：虽然IE 6.0和IE 7.0浏览器对Web标准没有实现完全兼容，但相对于以前的版本，IE标准化程度提高了很多。所以读者制作标准页面，应使用XHTML的DTD。 |
凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢! |
