CSS设计彻底研究——核心原理、技巧与设计实战
发挥设计师的无限创意！”
- 彻底理解CSS的布局原理
- 设计灵活的多列布局
- 创建纯CSS实现的导航菜单
- 设计最新的网页元素样式
- 打破死板的布局方式
- 探寻跨浏览器的兼容方案
内容概述
本书是一本深入研究和揭示CSS设计技术的书籍。本书在透彻地讲解CSS核心技术的基础上，深入到各个实际应用领域中，充分向读者演示了如何使用CSS的各项技术，实现令人眩目的网页布局和效果。
本书详细介绍了CSS核心基础、盒子模型等知识，力求把道理和方法讲清楚，采用了“探索式”的讲解方法，对于一个问题，例如标准流、浮动、定位等规律，均通过一系列动手实验，使读者自己就能够非常自然地得出结论，使读者不但知其然，而且还知其所以然。
在本书中对设计中常用的网页元素和布局方式都给出详细的分类和归纳，并讲解了完整的解决方法，主要包括各种导航菜单（水平的、竖直的、固定宽度的、自适应宽度的、下拉的等），Tab面板、伸缩面板和折叠面板，以及各种形式的分列布局（固定宽度的、变化宽度的、固定宽度与变化宽度结合的），等等。这样读者在理解了方法的基础上，可以直接将案例用在自己的设计中的，只需要按照所需进行修改即可。
本书中可以学到的内容
- 彻底理解CSS的布局原理
- 设计灵活的多列布局
- 创建纯CSS实现的导航菜单
- 设计最新的网页元素样式
- 打破死板的布局方式
- 探寻夸浏览器的兼容方案
part 1 ： CSS的魅力
读者可以看到CSS能够给网页设计带来的眩目效果，并且充分了解(X)HTML和CSS相关的核心基础知识。
part 2 ： 核心基石
然后读者将会深入了解CSS的核心机制——盒子模型，它也是CSS布局的最核心的基础；接着学习CSS布局的重点和难点——浮动和定位；然后通过对文字和图像的排版，看到很多有趣的应用。
part 3 ： 链接与菜单
接下来，针对超连接，将进行深入的讲解，可以看到很多非常神奇的链接和菜单效果。
part 4： 神奇的表格
HTML中的表格非常呆板，而使用CSS对他进行修饰以后，效果就完全不同了，通过制作复杂的多模式日历，读者会看到这里面的奥秘。
part 5： 多彩的圆角设计
圆角框看起来简单，实际上区有着很丰富多彩的变化，本书深入讲解了制作圆角框的多种方法，深入分析了不同方法的特点和使用范围。
part 6 ：高级网页元素
近年出现的很多全新的网页元素，例如Tab面板、折叠面板、伸缩面板等等，这些元素大大改善了用户的体验，本书将介绍设计这些元素的方法。
part 7 ： 网页布局深入揭秘
网页的布局形式千变万化，本书对布局的规律进行了全面地归纳和总结，从而形成了不同形式布局的设计模式，并给出全面的案例。
part 8 ：禅意花园
以CSS禅意花园的作品为例，在研究成功作品的基础上，制作了自己的CSS禅意花园作品，从而演示了对整体页面的布局方法。
33,995
温老师，请问你打算再版《CSS设计彻底研究》这本书吗？什么时候？
您好，我想请教一下在本书的第14章 变宽布局里面的1-(l-l-f)-1例子中 我尝试着变换为1-(f-l-l)-1 可是行不通
可以了 本来是将outerwrap设为左浮动 然后左边距设为300px(side的宽度) 此法不通 后来改成向右浮动 右边距设为-300px就好了
您好，我也是在图书馆借了这本书，这书真的很好，有个别地方错误，但真的很好，但我没有光盘，可不可以发那个光盘的文件给我啊，谢谢啦。
您好，我是图书馆借的书，感觉您的书不错，没有光盘，请给于光盘代码，万分谢谢！并且，样张密码是多少？ 谢谢。
[…] 一直想找一本DIV+CSS的书彻底研究一下。今天观看《精通CSS.DIV网页样式与布局》（以 下简称《精通》）配套视频教程时，因在网络上实在找不到PDF版本。强烈的想得到原书的冲动使我立即在淘宝网站上订购了一本，不经意间又发现了同是北京前 沿科技出版的《CSS 设计彻底研究——核心原理、技巧与设计实战》（以下简称《彻底研究》）一书，书中介绍说适合高级进阶者。 […]
[…] 一直想找一本DIV+CSS的书彻底研究一下。今天观看《精通CSS.DIV网页样式与布局》（以 下简称《精通》）配套视频教程时，因在网络上实在找不到PDF版本。强烈的想得到原书的冲动使我立即在淘宝网站上订购了一本，不经意间又发现了同是北京前 沿科技出版的《CSS 设计彻底研究——核心原理、技巧与设计实战》（以下简称《彻底研究》）一书，书中介绍说适合高级进阶者。本身对订购《精通》一书还存在疑问的我 ——我对DIV+CSS的研究过于零散不够系统，这本书邮购来后可能只是看看后面几章节研究一到两周的时间就扔一边了。——吃了个定心丸。在有选择的观看 了下面的几个视频教程后，于是又在淘宝上订购了一本《彻底研究》。争取在网站建设方面有着质的飞跃。下面是《彻底研究》视频教程，强烈推荐给各位好朋友： […]
温谦老师，您好。今天开始拜读你的《CSS设计彻底研究——核心原理、技巧与设计实战》一书，不过我是借来看的，对方找不到光盘了。
请问你能发一份光盘资料给我吗，或者告诉我光盘的内容哪里可以下载到也行。
在这里先说声谢了
老师你好,我今天买了你的这本css research .发现前三张和后三张是彩色,中间4-14都是都是黑白的.是这书原本就是这样,还是我这书出问题了.
温老师您好。我是一名想深入学习css网站的应届毕业生。最近正在拜读您的《css设计彻底研究》一书，不过我的书现在缺少对应的光盘，我需要对应的源代码！您能给我发一份吗？感谢。
温老师：
你好，无意中看到您的视频讲解css，感觉你的讲解太到位了，条理清晰，语言精辟。让读者理解的很深刻。网络后台，我是入门级，希望最终能对付得了.net。希望你能给推介好的学习书籍并说明一下学习步骤。最好，最好，最好是你写的或者讲解的。同时希望你能把你写过的，参与过编写的书名全部贴一下。
拜托，期盼回复！！！
白雪，
谢谢您的鼓励！是我来写的，不过最近太忙，需要耐心稍等～～
我会主要写ASP.net MVC的开发过程。
期待！
请问“免费下载样章”打开的密码是什么？谢谢
你好，温老师~首先感谢您为我们这么好的书哈！
我想大家肯定有跟我遇到同样的问题，就是浏览器的兼容问题。光ie的三个版本就把我搞晕了！兼容了这个没兼容那个，实在是没办法了就用css hack来处理。但总感觉这也不是长久之计，没有从根本上解决问题。现在不晓得从哪里入手~~~建议出个专题，或者补充章节专门讲解这个问题。谢谢！
pyong ，
IE 6 是非常麻烦的事情，也没有什么好办法，基本就是你说的这样了。
如果不需要支持IE 6， 其他的就都好办多了。现在国外很多大型的网站开始宣布，不再支持IE6了，都在鼓励用户升级IE，这样网页设计师的日子慢慢就会好过一些了。
你好，温老师：
我想您给我一个实例讲解一下用CSS写表单的一个实例，里面包括表单的所有元素，还有就是input，select标签里面怎样用图片来表示，和几个主流浏览器的兼容性，谢谢！
yangCsser ，
可以参考下面两个网页，是外国人做的例子，研究研究，效果应该不错。
http://www.assemblesoft.com/examples/form/
http://www.smashingmagazine.com/2006/11/11/css-based-forms-modern-solutions/
温老师：
能不能尽快出一本后台的。前台的学完了。要做个网站，可是后台程序找不到合适的好书呀。等你出呢。
suli ，
我们会努力！谢谢！！
CSS设计彻底研究（适合提高）
CSS核心基础
深入CSS盒子模型
CSS导航设计
CSS高级样式设计
CSS整体布局详解
这本书就这几张？视屏教程都在网上？。。这本书一起有多少章啊啊。。谢谢老师给解答下。
笨笨，
这本书一共有17章。
视频教程都在网上了：http://learning.artech.cn/category/css-research
温老师,最近有没有出新书呀.等着看你的新书.
dream ，
下班年打算出新书！看情况～～
是啊。。。
不是说要出本后台的吗？
出本jquery彻底研究就好。。。
jQuery彻底研究？恩，不错的想法。。。
青色，
jQeury 要真的彻底研究 比 CSS彻底研究复杂很多～～～
我会用，HTML…现在想学AJAX，请问我应该选择什么教材？
> 那本书行吗？
燕子 ，
Ajax本省并不复杂，但是要掌握AJAX ，一定要先对服务器端的程序开发有所了解和掌握， AJAX的本质就是在前端页面和后端程序之间搭一座桥，因此两边的技术要都掌握，才能建这个桥。
如果对服务器端的程序有所掌握之后，《精通JS+jQeury》这本书里面讲了不少Ajax的相关技术，基本上足够实际使用了。
温老师我买了’深入研究’但忘记了找图书馆拿光盘了/可以把光盘内容发给我吗?或者也可以发一些有关css的视频资料给我啊!!谢谢老师了///
limin ，
光盘里的视频在这个网站上都有，如果要素材，您需要和出版社联系，他们应该是可以给您补的。
我买了css设计深入研究，在verycd也下了div+css这本书的光盘，边做老师发的项目边看了一些：
现在有个问题想问下老师： 一个小例子
12
css中：
#div1{border:1px red solid}
#div1 ul li {float:left;list-style-type:none;}
效果是项目列表在div1的框框外面
dfang ，
抱歉没有及时回复，我们最近很忙，下半年我们会拿出更多时间增加新内容的，欢迎来交流！
你说的具体是什么问题？我没有十分理解~~
我想请问下，像我这种情况买哪本或者哪些书适合.
我有一定基础，能独立设计静态页面，没了解过动态页，现在做美工，觉得切图很不方便，即将设计好的网页图片，切图，最后生成html文件，什么书讲切图比较深刻？谢谢。
小雷子 ，
抱歉没有及时回复，我们最近很忙，下半年我们会拿出更多时间增加新内容的，欢迎来交流！
关于你说的问题，我个人感觉如果HTML和CSS了解得足够好，切图的方法似乎是很自然而然的事情~~
如果不了解HTML和CSS，切图也就没有根据了。
怎么不见专家回答？
我用frame框架做网页时候可以设置滚动条样式，
但用iframe时候，样式就不管用了啊 body { SCROLLBAR-FACE-COLOR: #BFD9F9; SCROLLBAR-HIGHLIGHT-COLOR: #BFD9F9; SCROLLBAR-SHADOW-COLOR: #BFD9F9; SCROLLBAR-3DLIGHT-COLOR: #000000; SCROLLBAR-ARROW-COLOR: #000000; SCROLLBAR-TRACK-COLOR: #ffffff;SCROLLBAR-DARKSHADOW-COLOR: #000000}
后来我知道了，把代码这句话去掉就行了，
去掉就不是xhtml了，难道是xhtml不支持滚动条的属性吗，请问这是怎么回事啊
小唐，
这个我没试过，不过似乎这些属性的设置和浏览器密切相关，你可以在不同浏览器试试看。
个人建议：能不用iframe就不用，这些都不是好东东。现在网速都这么快了，没必要再分成frame，直接放到一个页面就可以了。如果希望动态加载或刷新局部页面，用AJAX即可，很方便。
温老师，CSS的背景属性是不是无法将背景图片拉伸变形呢
小唐，
是的，只能平铺，不能拉伸。如果是CSS3的话，有很多增强的属性，但是我估计CSS3可能永远不会真正投入实用了。
温老师,你好,我想请问下.这本书配套光盘中讲解的内容是否跟您在这个网站上发布的视频教程(适合提高)是一样的?
霞咪，
是一样的。
老师 我看教材了 对float属性还是不太了解
追梦，
如果看了上面的视频教程，对浮动的理解还不够深入的话，您可以参考以下《CSS设计彻底研究》这本书，里面通过一系列简单实验，说明了浮动的性质，您可以仔细亲自动手做一遍，可能对您理解浮动会有所帮助。
欢迎常来这里交流！
非常抱歉 我自己没找到求助贴的发表位置。
非常感谢 帮助 大人不计小人过。 我失礼了。
对不起
向你道歉
视频教程和书有什么互补性吗 我买了书 视频放不出来（破盘） 书上的内容能起什么作用
？？？ 作者还删除帮助贴 真不知道你是什么为人师表的
笑话 那你开这个网站干嘛 不就是为了更好的销售 作好服务吗
冠冕堂皇的套词 就因为不知道为人师表是个怎么样的意思 才来发帖
满腹牢骚 干嘛
质疑 :
1: 我们是作者，不是印刷厂，盘放不出来，请联系销售的书店。
2：我们没有删除你的留言，而且给您回复了，而且怕您找不到，还给您回复邮件了，是你自己没找到 ，你可以看到我们回复的时间：
http://learning.artech.cn/20070430.css-reserch-content-table.html#comment-8410
3：我们从不删除垃圾留言以外的留言。但是你你如果以后再这样不仔细看清楚就留言并随便指责，我们就会删除了。
4：我们在这里回答读者问题，并不存在任何义务。我们把书的版权出售给出版社，我们的义务已经完成了。 您买书是向书店买的，我们回答您是帮助您，但是不是欠您的。您把钱付给谁，向谁要服务。
5：请注意： 每个人都应该善意地对待别人，特别是如果希望别人善意地对待自己，就要先善意地对待别人。
温老师您好!
前几天买了《css彻底研究》，今天在做书上 8.4双层滑动门应用 时，碰到了个问题。即使在ul样式里面加了white-space:nowrap;在ie6下也出现折行的现象，请问ie6下应该怎么解决这个问题？
谢谢
zoser，
没有具体代码，说不清楚。把代码发到我们的论坛吧：http://talking.artech.cn/thread-178-1-1.html
温老师您好!
请教你关于iframe背景透明的问题.在IE中iframe背景总是为白色.影响版面设计,不能与背景颜色融合,如果想换另一种颜色又无法更换,如果加上allowtransparency=”true”参数,在html规范标准无法通过验证?有没有办法既能让iframe背景透明,又能通过html规范标准验证?
dream ，
不必强求通过标准验证，还是实现效果更重要。
老师您好我的书是在我们学校的图书馆借的..所以没有光盘.这本书真的非常实用呢.所有浏览器的差异都提到了呵呵
艾韵之乐章 ，
希望我们的书对你有所帮助哦！加油！
温老师！您好！
看了《CSS设计彻底研究》的视频感觉很棒，能吧光盘中的内容给我发一下吗？谢谢
贾刚，
您好，感谢您喜欢我们的教程，如果可能的话，您可以买一本和视频配套的图书，由于合出版社有合同约束，无法提供。
谢谢您的支持！
温老师！您好！
我是上海大学的学生，最近想学网站开发，《精通DIV和CSS》那本书我已经学习过了，对基础知识已经有一定的了解！现在就想通过一些实例来学习实践一下！
qianwei，
好啊，多实践才能真正掌握！
温老师好！
非常感谢！资料我收到了！我在学习第四章的时候有个问题想问一下！就是”第四章/0.1.htm”,假如father div里只包含一个span,span与father div 的上边间距好像是固定的,大概是12.5px!
float属性
body{
margin:15px;
font-family:Arial; font-size:12px;
}
.father{
background-color:#ffff99;
border:1px solid #111111;
padding:5px;
margin:15px;
}
.father p{
border:1px dashed #111111;
background-color:#ff90ba;
}
这里是浮动框外围的文字，这里是浮动框外围的文字，这里是浮动框外围的文字，这里是浮动框外围的文字，这里是浮动框外围的文字，这里是浮动框外围的文字，这里是浮动框外围的文字，这里是浮动框外围的文字，这里是浮动框外围的文字.
qianwei，
span是行内元素，通常不会使用span来确定位置和距离等属性。再多看一看视频教程，真正把盒子模型、标准流、浮动、定位这几个关键原理理解了，就一切都很容易了。
温老师！您好！
我是上海大学的学生，最近想学网站开发，从图书馆里借到《CSS设计彻底研究》，但是没有光盘！所以恳请您能不能把光盘中的内容也给我发一份·！麻烦老师了！·非常感谢！
qianwei ，
给你回复邮件了，请查收。
温老师！！牛年吉祥！！！
借了这本书书css彻底研究他没了光盘，我还特想学，麻烦老师您能不能把光盘中的内容发我一下，辛苦您了，温老师，非常感谢您，谢谢！！！
学生——熊常宝
熊常宝，
给您回复邮件了，请查收！
学生一定要把这门学好，做出好作品，让老师开心！！！
温老师您好，很高兴能看到你的视频教程，前些日子刚从朋友那里借来了＜css彻底研究＞这本书，加上您的视频，以前很多不明白的问题茅塞顿开，就是没有光盘了，您是否能赠送？
pwx，
随书光盘中就有的，你找找看？
老师书中有些错误您能把改正地方怎么改得给我发来吗？谢谢！还有学好CSS，javascript之后,学ajax和xml有用吗？学网页还应学些什么，是像什么asp.net也得学？
yu，
这本书的刊物和补种说明请参见：
http://learning.artech.cn/20080221.css-exploring-errta.html
如果做WEB前端的设计和开发，对ASP.net/PHP这样的后端开发语言，不用了解的很深，直到大致原理即可。如果要作后端开发，则必须深入掌握了。
l老师您好，非常喜欢您的教程，买了本书但是没有光盘，我也想要一份教程的源码，希望您能发一份给我，邮箱：high22@163.com，谢谢了。
老师css设计彻底研究第79页第一行，Box-3的左边框仍在Box-1的左边框下面这句不太懂，两者不应该是左边框重合吗？请求帮助！
yu ，
是的，就是这个意思。
solo9904 ，
给您回复邮件了，请查收。
老师你好，我在当当网买了这本书。买回来以后我们家光驱就刚好坏了，光碟把教程复制过来却发现书中实例全都没有。
希望老师能把那个书中实例发给我 谢谢老师。
小也，
请查收邮件。
这本书说得很仔细,我很喜欢!
wzxkk ，
谢谢您喜欢我们的书，希望我们的书对您学习工作有所帮助！
温老师，我在dreamweaver布局模式下绘制布局表格的情况下，布局表格下面有两行表格的宽度提示，其中第二行总是780(781)，括号里的是代表实际宽度吗，为什么实际宽度总比宽度多1象素呢。
小唐，
用表格布局是很难精确到像素级的，除非用Fireworks这样的工具直接生成带有透明Gif图的那种表格，但是很难扩展。
建议还是不用为好。
温老师您好。我是一名想深入学习css的网站从业人员。最近正在拜读您的《css设计彻底研究》一书，不过我的书现在缺少对应的光盘，您能给我发一份吗？感谢。
poweman，
给您回复邮件了，请查收.
老师您好，我买的css彻底研究的这本书光盘丢了，老师您能否再给我发一份（要源码，教程不需要）。谢谢老师
清，
过会儿给你回复邮件，查收邮件。
谢谢老师，邮件已收到
我的邮箱是 wuxiuqing123456@163.com
温老师,你的书写得很好.讲的实例都能应用到实际当中这是最棒的.我看到很多的书还在讲用表格布局,真的不可思议,能否以后出一本关于ASP.NET或PHP,加上CSS前后台整个网站制作的书,也像这本书一样.用最实际的例子讲解.能否给一个时间表?之前我在书店看过很多图书,比如ASP上传图片到数据库.没有讲它的核心组件的原理,只是简单的把代码写在上面,很多人看了以后都不会上传图片到数据库.这是初学都最不想看到的.
dream，
非常感谢您的留言和鼓励！很高兴我们的书对您学习和工作有所帮助。
关于以后的内容，我们会提供更多的教学内容和图书，关于时间表，我争取近期给出一个：）
但是有时候计划赶不上变化:(
总之我们尽可能又快又好做出适合大家的东西来！
老师 您好，请问我以前就弄过一点css，但是基本就是0，不怎么太深入，想好好的学学一下，看那本好啊。 谢谢
浩浩，
如果你已经有一点点CSS和HTML基础，这本《CSS设计彻底研究》就会很适合你~
老师，你好！ 我想买这本书，但是我不想看关于table+css 的内容，TB+css的内容在这本书里多吗？。我主要想学习DIV+CSS的知识。
玄武 ，
实际上严格来说，并不存在 DIV+CSS 以及 Table +CSS的说法，不过我理解您的意思。
你放心吧，这本书保证都是你需要的，就是你想知道的东西。
温老师，我想知道当浏览器收zhai时，页面不被挤来挤去的挤到下面，希望可以像你们网站这样出现个滚动条，这种页面该怎么设置啊？或者你告诉我书的哪一页有介绍，我看书只有说固宽、变宽，但好像都不太理想，其他地方我也没有怎么留意到，请老师解答一下，最好详细点。。。谢谢
kobefans3，
设定一个固定的宽度，比如100像素，就可以了，不要用100%这样的宽度，那样就会随浏览器窗口宽度变化了。
当然具体的变化还有很多，就不是简单一两句话能说完整的了，你可以把CSS的布局仔细地研究研究。
親愛的溫先生
我是台灣的讀者
買了這本簡體版的書
但是書裡的光盤內容是空白的
可否提供書中源碼的載點給我呢？
萬分感謝
TWN_User ，
您是第二位这里留言的台湾读者，欢迎来这里交流！
我给您回邮件了，请查收。
在图书馆借了这本书，不过光盘还在处理中不能借到，郁闷啊。请问能不能提供一下书中的源码呢？非常感谢。
ybbking，
我给你回复邮件，请查收。
非常谢谢老师。有你们这样的好老师，我要做个好学生。
請問
我想採購兩本”CSS設計徹底研究”
第一個方式 : 我住台灣，運費如何計算，網購銀行帳戶等等
第二個方式 : 11/20會去雲南停留一週，到新華書局買不會有同等折扣吧
另外我會推荐給台灣的圖書館採購，希望讓更多讀者分享閱讀這本認真編寫的好書
請儘早回信，謝謝
lillianlee，
我刚才在网上找了一下，已经在台湾的很多网上书店销售了，书名为《Web CSS网页设计大全》，出版商为：博碩。请参考：
http://shopping.pchome.com.tw/?mod=item&func=exhibit&IT_NO=DJAA09-A34074019
lillianlee ，
您好，感谢您喜欢我们的书。
非常凑巧，这本书已经在台湾出版了，但是由于刚刚上市，我本人还见过这本书的样书。
因此，我还不清楚是台湾哪家出版公司出版，此外，这本书在台出版后已经改名了，好像名为《Web CSS网页设计大全》，您可以到台湾当地的书店找一找。
等我知道了是哪家出版公司出版之后，我再给你回信，一边您查找，谢谢！
老师,我想问一下，在禅意花园里的那些作品,除了背景用PS处理之外,里面的文字一个也没经过PS等处理软件处理吗?谢谢!
小柯，
CSS禅意花园本身没有这个要求，文字也是可以用图像替换的。很多方案的各级标题都是图片。不过基本上正文都是用文字实现的。
老师您好！关于 CSS设计彻底研究 第三章3.7节 CSS中的 几何题 关于K的长度计算我和书本上的答案有些出入 请老师指教 我的答案是 上下 Padding+文本高度 既10+10+12为32书本上给出的是上下Margin+文本高度 答案为34费解请老师指教谢谢！
daisyleaf，
请参考下面网页中的第14点：
http://learning.artech.cn/20080221.css-exploring-errta.html
老师，你好。为什麽我在Dreamweaver编写源码，无法自动套用格式，是需要设置吗？二，比如在一个选择符后写多个属性值，总有一些不起作用，但分开写就好了。比如：
一个父块>包含三个子块,
.father {padding:5px}
.father div{padding:10px; magin:15px;border:1px dashed #111;background-color:#90baff}如果这样写，子块根本没有外间距，当然就是父块没有内间距，都是默认值。而分开写就行了
.father div{border:1px dashed #111;background-color:#90baff;}
.father div{padding:10px;magin:15px}
只有分开写才有效。这是怎末回事，是我的软件问题还是设置问题，谢谢！
penny，
从你给出的代码，完全看不问题在哪里。分开写是不必的。也许是其它什么地方出了点问题，我觉得你不要使用Dreamweaver的可视化功能，直接在代码视图手工输入代码就是了。
老师您好，我电脑光驱坏了，没办法使用光盘中的源代码，请问能否把本书的案例源代码提供下载？
谢谢
kafka，及其他参与这个问题讨论的朋友，
谢谢大家的留言，kafka，关于你的问题，我呆会儿给你回复邮件，请查收。
其他网友的“仗义执言”，我也很感谢。我们会尽可能让大家学起来更方便，但是也不得不考虑一下我们一进出版社的“收入”问题，所以你们说的都很对。
谢谢你们的支持！
现在老师没那么好骗了。
假如我没有书的话，要源代码有什么用？越看越觉你的有脑子有毛病，说话以前先动动脑子好不好
案例的源代码而已，有什么好骗的？这个东西很值钱么？大多数图书的案例源代码都在官方网站有下载的，这有什么大惊小怪的。
你是真傻还是假傻？这里的视频加上源代码，几乎就不用买书本了，人家作者那么辛苦写出来的书，整个网站还要运作，作者还要生存，如果谁都跟你这样要了源代码和在这里看视频，你吧这里当慈善机构了，告诉你，没有百分百的伟大之人。你说源代码不值钱，那是你自己的看法？
老师我的也坏了
不明白
那个下拉菜单的例子是有问题
我在下面设置一个DIV块，定位用绝对定位。
但是鼠标移动到下拉菜单时，下面的DIV位置就会改变。
这个问题不知道该怎么解决？？？？
陈兵，
这样，你把你的网页挂到网上，如果没有地方挂的话，把带码发到我们的论坛上，我帮你看一下。
http://talking.artech.cn
我想问下，我用那个会跳的菜单，结果设置还是不行，能不能请老师把原代码发给我看下啊 谢谢了
我的email ：cpy7740@126.com
这是我看书又看例子后的体会，不知道对不对？
关于相对定位：
1对父盒子、兄弟盒子无影响，
2相对于自身盒子原位置进行偏移，但自身的原来的位置仍然保留。
关于绝对定位：
1、以最近的已定位的祖先盒子为基准进行定位，如果祖先元素都没有定位，就以浏览器窗口为基准进行定位。
2、自身 盒子在原来的位置 不存在，兄弟盒子会占用它的位置。就象它不存在。
如果理解无误，
那么书中第89页 图4.20里 图中的标注 靠下的box-1是不是应该为box-2 ???
但好象绝对定位中，盒子的左右的宽度会变。相对定位中盒子的宽度是100%
蓝色的风，
您说得完全正确！
只有一点我觉得我在书里没有说得太清楚，就是绝对定位如果找不到包含快时，应该说是以body元素，或者说一整个网页为定位基准，而不应该说以浏览器窗口位基准。我在书里这一点说得不好，没有说得很清楚，固定定位才是以浏览器窗口为定位基准。
那书中第89页的图，对还是错？
错了，应该是box-2，两个盒子嘛，不可能两个box-1，呵呵。
老师我发现 是不是IE6会把浮动块元素 上下排列的时候不会出现塌陷情况 我火狐和IE6试了，
[回复]
At 2008.04.21 19:54, chance 留言:
米奇,
你说得对，我在《CSS设计彻底研究》中写过这一点，第179页，下侧的分析部分。
就是说浮动快上下不出现塌陷 我想上下块离开10px 但是IE6出现20px，如果设置为5px，哪么IE6就为10px,在火狐里却是标准的5px了。
如果上下margin都设置为5px，并浮动，那么上下相邻的间距就是10px，在Firefox中也不应该是5px。
你如果希望我帮你解决具体网页问题，最好把你有问题的网页传到网上，把URL留在这里，并说明你希望的效果，我尽可能帮你解决。空说说不清。
我想离开10PX IE6就出20 如果我把上设置为5的话 在火狐里又。。。。。怎么办啊~~~！！打错 了
米奇，
抱歉，没明白你的意思。你如果希望我帮你解决具体网页问题，最好把你有问题的网页传到网上，把URL留在这里，并说明你希望的效果，我尽可能帮你解决。
我想离开10PX IE6就出12 如果我把上设置为5的话 在火狐里又。。。。。怎么办啊~~~！！
老师我发现 是不是IE6会把浮动块元素 上下排列的时候不会出现塌陷情况 我火狐和IE6试了，
米奇,
你说得对，我在《CSS设计彻底研究》中写过这一点，第179页，下侧的分析部分。
温老师你好
我买的书的佩带光盘损坏了
能不能给我发一下本书的原代码和素材
视频教程就不用了
谢谢
我的邮箱是deghmnm@sina.com
kyphoon，
我稍候给你回信。
温老师
你好
我怎么没有等到你的回信呢
有没有哦
抱歉，刚才给您回信了，请查收。
在第9章那个下拉菜单例子里，为什么一定要把dd标记包含在表格标记里才能在IE里出现显示隐藏的效果，直接对dd标记显示隐藏为什么不行，为什么一定要在#menu li a：hover里设置a标记的边框为0才能达到效果
小唐，
那个例子比较复杂了，很多为什么是没有原因的，尤其是为了兼容性的问题，就当积累经验吧。这个例子不用太花时间研究了。
就像学英语，很多说法你问英国人他也不知道为什么，呵呵。
CSS设计彻底研究
第113页
中间
相应的CSS设置为:
.middle{
height:100px;
line-height:100px;
boeder:1x #666 solid;
}
boeder 出书时印错了 应是border.
蓝色的风，
谢谢！
以后您在阅读的时候如果发现问题，请到下面这个页面提交勘误：
http://learning.artech.cn/20080221.css-exploring-errta.html
温老师你好！
禅意花园代码中，我将#container设置为position:relative;
将#intro里面的#quickSummary设置为position:absolute; bottom:0; width:100%;
这样#quickSummary的内容就回脱离标准流跑到最后的页脚不在#intro这个盒子中了 当然我设置了#supportingText的padding-bottom让#quickSummary的内容显示到最后 ，但IE6显示正常了，FF中#quickSummary却始终脱离不了#intro这个盒子 这是怎么回事啊！！麻烦你解答下 谢谢！
若夫，
具体页面很复杂，我没看到具体页面，说不清。不过一般来说，Firefox是严格按照CSS规范的。另外，
只要用了绝对定位，就一定会脱离标准流，这是一定的，很多时候，问题和本质原因和他的表象并不一样，需要仔细分析它的本质原因是什么。
不过有一点，根据你的描述，#quickSummary设置了bottom属性，那么left或者right设置了吗？如果不设置的话，他在水平方向会保留在原来的位置。《CSS设计彻底研究》介绍过这个性质，不知道这是不是你的问题的原因。
我在看下书！！书上有具体的范例说到这个问题吗！请问在多少页！
请参考95页。第4点说明：“绝对定位的特殊性质”，不过我不缺人您的问题是否因为这个问题导致的。
这个性质还用在了后面的第10章第7节，以及后面的禅意花园案例中。这个性质很有用。
[…] CSS设计彻底研究——核心原理、技巧与设计实战 […]
老师，您好，我是听到同学介绍买了你们这本《精通div+css网页样式与布局》书，一看真的非常好，我当时在当当网买的，但是书中没有光盘的，郁闷ing，麻烦您能不能把光盘中的内容发我一下，辛苦您了，非常感谢您，谢谢
一生何求，
过一会儿给您回信，请查收。
我买了你们一本《精通div+css网页样式与布局》,但不幸的是光盘被同学弄丢了，现在自己有时间，想看时，很不方便。
不知道可不可以发给我，告诉我下载地址也行，谢谢。
麻烦了。
茫然~~,
过一会儿给您回信，请查收。
CSS设计彻底研究（适合提高） 书上第１３２页，讲的阴影那课．我试了ＩＥ６和firefox正常但ＩＥ７并不正常．改了半天也不成功？请问下您有什么好办法让ＩＥ７也能正常显示吗？
不知道您试过没有，在ＩＥ７里面因为width:1px;所以只有左边一小条，根本显示不出图片来．
IE 7 和 Firefox一样，支持alpha透明，因此不需要使用滤镜。直接把alpha透明的png图像作为背景图像即可。
这里之所以在IE中显示效果不对的问题是，在132页中间的代码，第一行中 [if gte ie 6] 应该改为 [if lte ie 6]，这里应该是低于或等于IE 6，应该用lte，书中的gte的意思是高于或等于，那就失去判断的意义了，这里是笔误了。
终于是出来了，谢谢了
祝贺！
另外关于为什么要设置width:1px，当时写书的时候我没有找到资料，是我试验出来的，后来我在微软的msdn上找到根据了，msdn上是这样说的：
The object that the filter is applied to must have layout before the filter effect will display. You can give the object layout by setting the height or width property, setting the position property to absolute, setting the writingMode property to tb-rl, or setting the contentEditable property to true。
意思是说，这个滤镜要生效，那么使用这个滤镜的对象，比如这里的div，必须是定位过的。所谓“定位”过，可以使用以下几种方式：
设置了height或width属性；或设置为绝对定位；或将writingMode属性设置为tb-rl，或将contentEditable属性设置为true。
我当时没查到这个，自己试验了半天，正好撞到了它列出的第一条。看来当时还算运气不错。
css彻底研究１２２页，您教的做透明ＧＩＦ那块？我怎么看了半天也不知道具体怎样做啊？
怎样导出为透明的ＧＩＦ格式图像？选项在哪？能把步骤说具体点吗？
使用方法是在选中索引色透明功能后，用吸管在调色板上选择要透明的背景色即可。
我己经会了．但希望下次在书上写清楚些．
colorandy，
谢谢您的建议，您说的这个问题很重要。
这也是写书的时候的一个很“麻烦”的问题，就是到底讲的哪儿算是够了，比如“使用方法是在选中索引色透明功能后，用吸管在调色板上选择要透明的背景色即可。”这句话，如果读者对Fireworks不够了解，他还是不知道到哪里选、怎么选、怎么吸，对于他来说，写这句话和没写是一样的，再或者他根本不用Fireworks而用Photoshop，操作又不一样，如果要都照顾到，就至少得加一页纸了，这样最终一本书又要增加很多页码了。多写一些我们其实没意见，但是写得太详细，又会有读者觉得这本书的“干货”不够，含金量太低，有故意掺水增加页码之嫌，呵呵，我们也很不好办的。
所以具体到这本书中，具体是涉及到美工的操作，我们都没有详细解释。
而且读者的背景千差万别，基础不一样，接受能力也不一样。所以这里如何这个“度”，是很关键的。
总体来说，读者可以分为“技术基础好，接受能力强”、“技术基础不好，但接受能力强”、“技术基础好，但接受能力不强”和“技术基础也不好，接受能力也不强”这几类，我们总体上希望中等基础、中等接受能力的读者可以接受为原则，但是实际操作也是不容易把握的，我们会尽力找到合适的折中点。
作为读者，也可以在遇到问题时候，自己多尝试一下，就像您这样，自己找到了解决方法，印象会比从书上看到的来得更深刻，相信一辈子也不会忘掉，对不对。
老师：你好！
我是从你们的讲座教程开始学习CSS的，我现在设计的一个网页中，想制作一个树形多级可隐藏的菜单，按照《CSS设计彻底研究》书中介绍的下拉菜单制作方法，FF和OPERA浏览器都没有问题，IE6.0不响应，不明白如何解决。
lidia，
因为IE 6.0不支持除了a元素以外的元素的:hover等动态伪类，因此如果要兼容IE 6 ，需要在外面套一个a元素，使用一些hack的方法才可以。
老师：
我是在在外面套了一个a元素，改用的是：a:hover，也不行，我能把这段代码发给您吗？帮我看看哪里出错了。
lidia，
针对这个问题，其实我个人觉得用纯CSS不如配合一点简单的JS实现更好，实现起来比用CSS实现的通用性更好。
我试验过很多，花很大力气用CSS的hack方法来实现兼容性，很麻烦，而且通用性不一定好。对于某一个案例调好了，换一个就可能又不行了。
用JS的核心就是通过onmouseover和onmouseout使本来不支持:hover的元素模拟出:hover来。
代码抱歉无法提供了，虽然只是几行，但是毕竟有合同约束，只能说抱歉了。等过几天我写一篇文章，放在“你问我答”栏目中，专门把这个问题讲一下，再举一些例子给大家演示一下吧。那样会更清楚一些。
谢谢老师。
我买了那本css设计彻底研究，在第一章的最后，有一个提出的思考题：li li li { color:green;} 和定义 li li
{color:green;} 显示结果的不一样到底在哪里？我不是太理解，li li li{}和ｌｉｌｉ｛｝分别定义的是谁？谢谢老师！
liujie，
您亲自在浏览器中试试看效果，就可以知道了啊，然后再分析一下为什么会是这样的结果，就像我们在前言中说的，学习CSS，90%要靠钻研，遇到问题，就到浏览器中实践一下，然后分析原因，会有很大收获的。
看了网上CSS设计彻底研究（适合提高）的视频，刚买了您这本书，正在读．以前买的CSS/DIV页面布局设计（适合入门）上的内容跟现在这本有许多是重复的．
当时要是一下子就买这本就好了．还花了两份钱．
有没有更高深的研究？是不是吃透了这本书，就能把css玩于骨掌之上？
colorandy ，
这本《CSS设计彻底研究》书基本上把CSS的技术讲得差不多了，这里的例子都真正搞明白，实际工作中因该是够用了。
但是因为是提高书，所以讲了很多技巧性的东西，读者在读的时候，千万不要片面追求这些技巧，关键还是理解核心的思想，否则技巧就变成了奇淫巧技，就偏离了真正的方向了。做设计的时候，一定要坚持内容是第一位的，形式是为内容服务的原则，甚至金镛的武侠小说里也是这个思想。这也是我们在反复强调的一点。
希望我们的书能对您有所帮助。另外两本书如果仔细看一下，会发现是非常非常不一样的。
温老师：你好！
我需要在一个页面内制作2–3个spry的tab菜单的，在SpryTabbedPanels.css中又多写了一样式，但是在用class指定样式后，鼠标滑过的时候tab按钮图片不发生变化，下面的内容是变动的。我昨天又看了一遍书可是还不知道原因在哪？向老师求教！
红小豆，
你的意思是要在一个页面中方2-3个Tab面板，还是要在一个Tab面板中放置2-3个Tab？
如果是前者，你要把每个Spry的Tab面板放到各自的div里，然后在CSS文件中分别设置，否则他们之间会干扰。
如果是后者，不知道你那里设置错了，你可以以我们放在光盘中的例子为基础，仔细看懂之后，修改成你希望那个的样子，这样比较容易一些。学习很多东西，都可以从修改案例开始，这是一个好方法。
温老师：您好！，我又看了下，还是没找到问题所在，跟您写了邮件，精简过代码和css文件，请老师帮我看一下哪里出问题了，写了两封，看最新的吧，两个tab面板子在不动的div中。 谢谢！
红小豆，
稍等我有时间看一看，再回复你。
再问一遍吧~~~~是要在一个页面中放2-3个Tab面板而且是不同的样式，分别写了css样式，就是不行啊。其他网友遇没遇到过这种问题？请大家帮忙了~~~
我给你回过信，可能你没收到。
我看了你的文件，我用IE/Firefox/safari都试了，都是正确的。
左边的那个，3个tab都是鼠标经过时切换Tab；
右边的那个，前两个tab可以鼠标经过时切换，第3个，需要点击时切换，因为第三个你没有加那句话。
你再试试看，我没看出任何问题。
温老师你好：
我问的是CSS彻底设计和研究 183页 设置斜角的问题！！
书中介绍 把 border-width:60px;
border-color:#ccc #999 #666 #333;
改成：
border-width:0 0 60px 60px;
border-color:#fff #fff #666 #fff;
这里为什么设置了 下边 和 左边 产生的三角型 可以把没置黑色的右边覆盖成黑色 和没设置白色的上边变成白色，产生三角型的效果？我不太明白这个原理，转不过来弯，老师给解释下可以吗？
dahai ，
如果某一条边的宽度设置为0，那么就会“横切”，这样产生书中的效果了。你可以这样，从上面的代码一点一点把代码变成下面的代码，别一下子变过去，就能看出效果是如何变化的了。
你再试试看，结合前面的几个例子，一起看，比如7.2节的菜单为什么有斜角，而7.1节的却没有？想明白这个，你的答案就找到了。
老师很辛苦呀，这么晚还在，我以为要明天才能有答案呢，呵呵；；谢谢你的解答，我按老师说的体会体会
呵呵，谢谢关心！
温老师：
http://learning.artech.cn/20071220.css-link-list.html 在css设计彻底研究书中IV页中提供的这个链接，打不开。
麻烦测试一下！
谢谢！
xinggo，
谢谢你指出这个问题，这个页面时我写完书以后打算做一个页面把书中出现的几十个链接列出来，一直还没顾上弄~~很抱歉，我这两天整理一下放上去！
呵呵，麻烦温老师了，谢谢！
已经放上了，以后遇到好的网页再逐步添加。
我买了你们一本《精通div+css网页样式与布局》怎么在你们这个网站上找不到与这本书配套的源代码呢。我打你们书上留的电话。那个读者热线电话好像是一个传真号，我没有办法。接着打那个印装质量热线，却没有人接。你们看到留言后，能不能给我发一份这本书上的示例源代码，或者是告诉我源代码是怎么下载的！谢谢，我的手机：13253575656; QQ:707110154。请速回信息！
小宋 ,
您好，在这本书的光盘中有一个文件夹“书中实例”，所有素材和源代码都在里面。
您学习中遇到问题欢迎来这里交流！
BACKGROUND: url(http://www.xxx.com/index/v4/theme/top_pic.gif) no-repeat 100% 0px;
请问老师，那个100%和0px是什么属性，我查书找了很久都没翻到
蓝天白云，
这时缩写形式，如果不使用缩写，这两个属性值相当于“background-position:100% 0px;”，前者是水平方向的位置，后者是竖直方向的位置。
如果设置了背景图像平铺的话，background-position定义的是图像的起始位置。
使用百分比定位，比较有趣，你可以仔细研究一下。在《CSS设计彻底研究》385页的第14.4.4节有一个案例用到了这个属性，你可以仔细看一看。
老师我又来了，呵呵，上次发您邮箱的问题不知道您什么时候有时间帮我解决下。知道老师比较忙，但是自己就是没有解决了，还请帮助！期待老师的答复谢谢老师。
虫子，
给你回信了，如果没收到，在这里留言吧。
老师，没有收到。麻烦再发一次吧，谢谢老师。
又发了一次，如果还收不到，请换一个信箱发信到support(at)artech.cn，再给你发一次。
收到了，谢谢老师百忙中帮助。解决了一部分疑惑，其余的再找些资料。同时也在期待《CSS设计彻底研究》书的到来。昨天刚定的。
好的，遇到问题后尽可能用调试的办法找到问题的根源，然后可以找一些变通的办。学习过程中遇到问题来这里交流！
我已经买到”CSS彻底研究”这本书了,很不错的。
我是去年在本网站上先看的录像教程,感觉很好,尤其是关于网页”相对定位”与”绝对定位”的问题,我以前一直是不能从其它的书中看明白,听了温老师的教程后一下就明白了,并学会了用DIV对象实现页面的布局.总之,结合教程看本书肯定对学习CSS有很大的帮助.但看本书前多少需要一点CSS的基础知识,因为本书没有从基础讲起。
谢谢温老师出了这样一本好书。
sx,
感谢您中肯的留言。您说得很有道理，也是我们所希望实现的目的，看到读者认可我们的做法，感到没白忙活，很开心！
《CSS设计彻底研究》这本书在CSS技术方面的书籍中，讲得是比较深的了，如果这本书里的案例读者都能自己独立制作出来，基本上在工作中遇到的问题就差不多能自己解决了。确实像您说的，在读这本书之前最好由一点基本了解，至少要对HTML是知道的，最好能做过一些网站，否则学起来有会一定难度。如果有表格布局基础，如果有一定基础，看这本书会感觉到非常“解渴”的。另一本我们在去年8月份出版的《精通CSS+DIV网页样式与布局》这本书，要浅一些，如果读者基础比较少，可一下看一下这本《精通CSS+DIV网页样式与布局》，技术门槛低一些。
如果您在学习中有任何问题，欢迎来这里交流！
我昨天在卓越买了彻底研究，觉得非常棒，可以看出你们花了多少心思，祝大卖吧，必定大卖~~
接着我在看书的过程中有些问题没明白，是通过这里留言呢，还是去论坛？我先去论坛留言吧。希望能尽快得到指导~~谢谢前沿科技~谢谢温老师~
呵呵，wking，我前段时间也用你的链接在卓越网上买的，今天终于收到了~~~哈哈，太高兴了，而且包装相当精美，还用了一个防压的包装，真的挺好的，而且我发现这本书编得实在太好了，呵呵，又有一本好教材可以学习了~~~哦，对了，订单号还要给你吗？这是订单号：269938676
这阵子在学生会工作比较忙，不过我基本上每天都有上网的时间，最重要的是我现在办了宽带，可以上前沿了~~~我尽量帮你维护好论坛，这样你也有更多的时间弄教程，或者出书了~~~呵呵。
不是吧，很精致?我买的精通PS，怎么就用一个袋子装着就给我拿来了啊，而去书封面也不是很整齐。
卓越和当当每天送的东西遍布全国各地，在每个不同的地方用不同的快递公司，对于大城市，既是一个地方可能也会有多个快递公司负责，在订单中可以查到你的书是由哪家公司负责运送的，不同的公司，服务质量肯定是有差别的，所以只能看运气了。不过他们总体肯定会有一个基本的标准和要求，但是不可能没一单都很好。
温老师，我要的书中那些实例有没有找到呢》？急需，谢谢。
买了您的《CSS设计彻底研究》与《精通CSS+DIV》受益非浅，现在正尝试将其用到Visual Studio 2005中，页面能布出来，就是在用到CSS给标记设置背景图片时，不能用，不知道为什么？您能给答复吗？看到留言中，你说要出ASP.NET，期待您的出书！！！！！
啊臻，
你的意思是说在VS中看不到背景图像的效果吗？我没试验过，等我有时间试一下。在VS中直接编辑CSS源代码，测试还是要以最终的各种浏览器为准，VS就是一个编辑器而已，页面的效果不能以他的效果为准。
关于ASP.net等到3.5稳定了之后我们在出教程吧，因为asp.net和CSS、Javascript有一点不同，版本更新频繁，我们除了教程很容易过时。我们近期会出关于Javascript的内容。会非常有趣。
用面板直接设置时,可以出现,如果放在CSS文件中就不能看见,我对VS掌握也不多,但,在布局页面时,我感觉有点类似DM,感觉不错.
应该是大同小异，都是编辑器，等我有时间的时候试试看。
买了两本书，看了好几天了，也做了好多个实践，发现自己在布局时很多时候用padding margin来规划页面，在指定大小时经常这里用正数，那里又用负数，虽然页面设计好了，布局也随心所欲，但是我总感觉这样的代码很凌乱，会不会造成浏览器加载页面、解析代码速度比平时慢得多？我做得只是个小DIV，还看不出影响，但我怕页面做大了后会严重影响网站打开速度，请问会不会存在这样的问题呢？
附:本人用了一天晚上做的仿QQ空间左侧的导航条，个人觉得不错，但是代码质量就……
蓝天白云，
不用担心，现在的浏览器解释这一点CSS代码不会开销很大，基本不会导致打开网页变慢。当然这里尽管影响不大，总是有一个效率问题的，做得好的话当然就会效率更高，这已经涉及到一个优化的问题。实际上代码优化的另一个目的是，如果你的代码条理清晰，会对你维护和以后调整、修改带来很多方便。如果代码混乱，过一段时间，自己都忘了很多细节是如何设置的，如果希望修改就会非常麻烦。
学习任何东西，都是第一步先把东西作出，然后第二步就是做得更好，这都需要不断实践，做多了自然就会提高了。
关于CSS，如果说得效率，我感觉基本上尽量能够重复利用，效率就会更好一些。比如一个页面中有好几个圆角框，那么你应该尽量使得这些圆角框能够共享同一段CSS设置和背景图片。
总之，做多了自然就可以发现一些窍门。我们的书主要解决的是第一步的问题，提高的问题，更多地要靠自己分析思考，也可以和大家交流。
我浏览了一下你附的代码，没有感觉的明显的不合适的地方，总体应该还不错，毕竟几十行的CSS代码，还是很小规模的，不会有大问题。对于一些大网站，页面非常多，还会涉及多个设计师协同工作的问题，那时就有个CSS的组织问题，会比较复杂。
抢个沙发，o(∩_∩)o…哈哈。
老师请说下在12章01css文件里面，
#recommendart {
position:relative;
top:230px;
margin:0px;
width:690px;
padding-top:35px;
background:url(recommendart.jpg) no-repeat;
background-color:#def1ff;
}
#newnode {
position:relative;
margin-top:10px;
width:690px;
top:230px;
clear:both;
background:url(newnode.jpg) no-repeat;
background-color:#def1ff;
}他们距离父标签上面的位置一样，他们却可以上下排列。这个的原理是什么，老师能讲解下吗？还有position的一些定位细节不是很明白，比如有父标签，绝对定位和相对定位各自什么时候用，能具体讲解下吗？看书看的迷糊。
虫子，
沙发还舒服吧：）
恩，如果你没有买“CSS设计彻底研究”，就看一下相关的视频教程的《CSS设计彻底研究（适合提高）》，特别是第4课的上下两个讲解，专门对于浮动和定位的规则作了深入讲解。这些规则不是一两句话说得清的，核心就是以谁为基准的问题。
看一下这里的几节课，会对你有帮助：
http://learning.artech.cn/category/css-research/box-model 。
使用CSS的4大核心基石：盒子模型、标准流、浮动、定位。这4项具体的规则要能够烂熟于胸，实际做起来才能游刃有余。
你好
请问本书带有光盘不
谢谢
kyphoon，
这本书是带有光盘的，内容包括本书的案例素材和两套视频教程。
把这本书的免费下载地址告诉我吧，谢谢请发到我邮箱也行啊。。
jixi8866，
我们是这本书的作者，这本书需要到各地的书店，或者网上书店购买的。