| 提醒：假如百度云分享链接失效，请联系站长，我会补上的。 |
|
《图解CSS3：核心技术与案例实战》PDF 下载
本书是国内著名的Web前端专家历时2载的心血之作，根据最新的CSS3撰写，融入了作者在CSS领域近10年的使用经验，旨在将本书打造成为CSS3领域最权威和实用的专业著作，供没有经验的读者系统学习，供有经验的读者参考备查。 本书理论知识系统全面，详细讲解了选择器、边框、背景、文本、颜色、盒模型、伸缩布局盒模型、多列布局、渐变、过渡、动画、媒体、响应Web设计、Web字体等主题下涵盖的所有CSS3新特性，所有这些都巧妙地融入到案例中，而不是枯燥的理论讲解；讲解方式直观易懂，以图解的方式巧妙地展示了这些新特性；实战性强，既为每个知识点精心设计了小案例，也有综合性的大案例，所有案例都非常详尽，有功能需求分析、设计思路和完整代码，还有最终的效果展示。 |
《Dreamweaver CS5+ASP动态网站建设从入门到精通（第2版）》第2章Web 2.0标准静态网页的搭建，本章将详细介绍使用Web 2.0标准设计网页布局的方法，为下面动态功能模块的建设做好前期准备工作。本节为大家介绍CSS盒模型的概念。
CSS盒模型，对于使用div+CSS布局的方法来说是非常重要的概念，因为盒模型是CSS定位布局的核心内容。读者学习了布局网页的基本方法，只需利用div元素和列表元素，即可完成页面大部分的布局工作。但是前面学习的知识更注重实践操作，读者并不理解布局的原理，常常在布局页面的过程中，会遇到无法理解的问题。学习完本节的盒模型的知识后，读者将拥有较完善的布局观，基本可做到使用代码完成div+CSS的布局操作。
XHTML中的大部分元素（特别是块状元素），都可以看作是一个盒子，而网页元素的定位，实际就是这些大大小小的盒子在页面中的定位。当某个块状元素被CSS设置了浮动属性，这个盒子就会自动的排到上一行。网页布局即关注这些盒子在页面中如何摆放、如何嵌套的问题，而这么多盒子摆在一起，最需要关注的是盒子尺寸计算和是否流动等要素。为什么要把XHTML元素作为盒模型来研究呢？因为XHTML元素的特性和一个盒子非常相似，盒子里面的内容到盒子的边框之间的距离即填充（padding）；盒子本身有边框（border）；盒子边框外和其他盒子之间有边界（margin），盒模型示意图如图2-17所示。
大多数XHTML元素的结构都类似于图2-17所示，除了包含的内容（文本或图片）外，还有内边距、边框和外边距一层层的包裹。读者在布局网页和定位XHTML元素时要充分考虑到这些要素，才可以更加自如地摆放这些盒子。
2.0标准中，CSS的width属性即为盒子所包含内容的宽度，而整个盒子的实际宽度即为：
相应地，CSS的height属性即为盒子所包含内容的高度，而整个盒子的实际高度即为：
盒模型在使用的过程中，还要注意以下几点：
（1）边界值可为负值，但随着浏览器的不同显示可能会不一样；
（2）填充值不可以为负值；
（3）对于块级元素，未浮动的垂直相邻元素的上边界和下边界会被压缩。
（4）对于浮动元素，边界不压缩，且若浮动元素不声明宽度，则其宽度趋向于0。
（5）如果盒中没有任何内容，不管宽度和高度设置值为多少，都不会被显示。