《 Css the missing manual 》有感 (--css实战手册)

用时一周，读完了《Css the missing manua》这本书，中文命为《css实战手册》，本书讲解了CSS的基础知识，又分享了很多实践的心得。运用大量的例子剖析css、应用css, 讲述经常要用到但让人迷糊的CSS页面布局方法，最后还提出一些CSS"习惯"，遵循这些"习惯"能够更好地创建和组织CSS。
过多恭维的我就不多说了，因为对css的喜爱有一段时间了，所以一些基础的内容对我来说就算是巩固了。但是我觉得这本书对想学习css的入门者来说，是一本很不错的好书，是我目前发现的讲解最详细，最容易叫人掌握的书，这么说呢，作为一本入门的书，这绝对是一本好的课本。如果我刚学的时候，要是能有一本这样的书，那就完美了。唯一的遗憾就是高级技巧和实战高级经验能再多点就跟完美了。

下面说说我的心得吧：
1.
书写格式 这是个没有正确答案的问题，以为换行书写和不换行书写都各有各的好处，也许是我看他书里排版的原因吧，我感觉换行书写如果在代码行数过几百的情况下，好像能看的更加清晰点，但是不换行书写在能统一书写属性顺序的情况下也是不错的选择。等我最近尝试下俩种方法后在作决定吧。

2.
类前加写应用html标签 比如div#Content或者span.TextBtn,这样的书写方式能方便日后对定义的这些id和class能够清晰的早到他们用在了那个标签下，是个不错的小技巧。用在大量的编码中，会看到它更大的用处。

3.
一个小技巧，当定义border的时候，如果有只有一个或是俩个边是没有的，这样的定义：border:1px solid #000; border-top, border-left:0;这样定义方法看起来又省代码，有清晰，是个可取的方法，border3个属性的顺序虽然没要求，但是在团队编写的时候，统一方法还是有必要的。

4.
first-letter、first-line
这俩个属性的方法在定义新闻最终页面的时候，可以应用在 P 上，可以作出不错的效果，怎么使用，看看属性手册吧，我就不熬述了。

5.
ie7和ie6的bug应用hack的优先级 个人推荐再ie7下编写网页，然后应用hack去坚固ie6，这样当ie6推出舞台那天，我们只要删掉这些钩子，样式表就干净了，毕竟ie7是会淘汰ie6的，所以，更早的适应新浏览器，是个更好的决定。（具体的hack方法，在看书的时候找吧，都说了，就没意思了，如果有需要，咱可以单独提供，但是估计你也会呵呵，其实hack不少呢。）

6.
position的页面布局，书中讲到了position布局页面的方法，其实是个不错的主意，毕竟换了一种思路了啊，可以在一些简单的宣传页面采用，而且这样写不会出现恶心的bug，因为没有浮动吗，但是唯一的缺点就是最中间的高度要高于俩侧，这是的恶心的问题，具体的方法自己去12章找吧。

7.
*html ul.nav a{height:1px}这个ie6下扩大可点击区域的bug。可以在P219下看见详细用法。

8.
利用position的z-index属性和一些图片，可以作出一些不错的徽章效果，实例如何，就去书中找吧。

9.
关于打印样式的样式表 最终的决定还是单独写一个样式表为宜，再编写的时候考虑的话会更添加麻烦的。（其实用户打印的一般是最终页面，所以打印的话，html的标签正确使用是至关重要的，图片只要包含logo就可以，多的话会让用户打印的时候讨厌。）

10.
最后 里面提供的样表属性查询不错，是身边的一个好工具，呵呵。

好了，本书我的体验就是这些了，书中要是能有一些更新奇的用法出现和多讲一些hack就好了，但是这个作者在写书的时候可能没用篇幅来写，所以只能期待更好的书出现，但是看了这本书并不遗憾，因为毕竟有收获啊。不同的人看，也许会有别的更好的体会，所以，大家都来读吧，然后交换体验。

SS区没长进就因为什么都是剽窃,转的帖子就要写转

[ 本帖最后由 eyasfly 于 2007-11-11 10:47 编辑 ]

给人看的，彼此都是转载．．．这个又何故？
学习和同感才是真理！

其实挺好的 技术贴

提供本中文的下载吧.

俺前一段时间买了这本书，觉得不错，只是没时间慢慢学习，给大家推荐下！有空俺也要好好学习！

内容提要
本书是一本讲述基于Web标准的应用CSS进行网站布局设计与重构的典范之作。
本书以实例为主，一步步地告诉大家如何进行符合Web 2.0标准的CSS布局设计。具备了知识全面、完美应用(CSS选择器、样式继承、层叠、格式化、XML标签、CSS滤镜等。文本、图像、超链接、列表、菜单、网站导航、表单、数据表格、浮动布局等CSS布局控制。)，智能、创造型布局思维(智慧、完美视觉艺术效果之CSS布局技巧、CSS Hack实践战略)，Web技术团队倾情奉献(来自CSS布局与Web标准应用之先驱——闪客帝国的Web应用技术团队，顶尖Web设计师和Web应用开发人员的完整经验、技术倾囊奉献)，国外网站重构经典作品引进、拓展(Web 2.0标准与CSS重构技术——国外经典之作结合之典范实战)等特色。选例实用，讲解透彻。
本书内容丰富，注重思维方法与实践应用，适合初、中级网页设计爱好者和希望使用Web标准对原有网页进行重构的专业网页设计师，同时也是任何网站开发相关人员手中不可缺少的资料。
编辑推荐
★国内第1本基于Web标准的CSS布局著作技术增值升级版！
　　★讲述基于Web标准的应用CSS进行网站布局设计与重构的典范之作！
　　1、知识全面、完美应用
　　CSS选择器、样式继承、层叠、格式化、XML标签、CSS滤镜等。
文本、图像、超链接、列表、菜单、网站导航、表单、数据表格、浮动布局等CSS布局控制。
　　2、智能、创造型布局思维
　　智慧、完美视觉艺术效果之CSS布局技巧、CSS Hack实践战略。
　　3、Web技术团队倾情奉献
　　来自CSS布局与Web标准应用之先驱——闪客帝国的Web应用技术团队。
　　顶尖Web设计师和Web应用开发人员的完整经验、技术倾囊奉献。
　　4、国外网站重构经典作品引进、拓展
　　Web 2.0标准与CSS重构技术——国外经典之作结合之典范。
　　说良心话，内容真不赖，特别是有点网页标准基础，却不知道如何把“标准”贯彻到实际工作中去的人（比如我这样的）。一章章的翻过去，命中的都是要害，不禁心中暗喜。看这样一本“糟粕与精华并存、弱智与天才的化身”的书，就好象是在做贼一般。感觉不是在看一本真金白银买来的书，而更象是偷看一个江湖上鲜见的手抄本……刺激！
　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　——网友

目录
第1章 Web标准与CSS布局概述
1.1 Web标准的历史及发展
　　1.1.1 什么是Web标准
　　1.1.2 Web表现层技术
　　1.1.3 Web标准的历史
　1.2 Web标准的构成
　　1.2.1 结构（Structure）
　　1.2.2 表现（Presentation）
　　1.2.3 行为（Behavior）
　1.3 Web标准有什么好处
　1.4 CSS布局与table布局的区别
　　1.4.1 CSS 2.0的优势
　　1.4.2 传统的table布局与CSS布局
　1.5 向Web标准过渡
　　1.5.1 从HTML转向XHTML
　　1.5.2 发挥CSS 2.0的作用
　1.6 常见问题
　　1.6.1 什么样的网站才符合Web标准
　　1.6.2 使用Web标准之后表格还有用吗
　　1.6.3 可以继续使用HTML来设计网页吗
　　1.6.4 为什么不直接使用到XML
　　1.6.5 学习CSS布局比表格困难吗
　　1.6.6 CSS布局是否意味着必须手写代码
　　1.6.7 什么叫网站重构
　　1.6.8 使用Web标准之后就不再存在兼容性问题了吗
　　1.6.9 有没有Web标准方面的优秀图书或网站
　　1.6.10 使用CSS设计只能做出简单的网页吗
　1.7 面向现在与未来的设计
　　1.7.1 Web标准与Web 2.0
　　1.7.2 用户体验技术
　　1.7.3 用户体验设计的发展趋势
第2章 XHTML与CSS基础
　2.1 XHTML基础
　2.2 选择合适的DTD
　2.3 选择合适的标签
　2.4 给CSS留下接口
　2.5 良好的XHTML编写习惯
　2.6 CSS语法结构
　　2.6.1 CSS属性与选择符
　　2.6.2 类型选择符
　　2.6.3 群组选择符
　　2.6.4 包含选择符
　　2.6.5 id及class选择符
　　2.6.6 标签指定式选择符
　　2.6.7 组合选择符
　　2.6.8 伪类及伪对象
　　2.6.9 通配选择符
　2.7 CSS数据单位
　2.8 应用CSS到网页中
　　2.8.1 行间样式表
　　2.8.2 内部样式表
　　2.8.3 外部样式表
　2.9 样式优先权问题
　　2.9.1 写法优先权
　　2.9.2 选择符优先权
　　2.9.3 样式继承
　　2.9.4 !important语法
　2.10 代码注释
　2.11 CSS开发环境与调试环境
第3章 CSS网页布局与定位
　3.1 认识div
　　3.1.1 div是什么
　　3.1.2 如何使用div
　　3.1.3 理解div
　　3.1.4 并列与嵌套div结构
　　3.1.5 使用合适对象来布局
　3.2 一列固定宽度
　3.3 一列宽度自适应
　3.4 二列固定宽度
　3.5 二列宽度自适应
　3.6 两列右列宽度自适应
　3.7 二列固定宽度居中
　3.8 三列浮动中间列宽度自适应
　3.9 高度自适应
　3.10 盒模型详解（.Box Model）
　　3.10.1 什么是盒模型
　　3.10.2 盒模型的细节
　　3.10.3 上下margin叠加问题
　　3.10.4 左右margin加倍问题
　3.11 深入浮动（Float）
　　3.11.1 文档流（Document Flow）
3.11.2 浮动定位
　　3.11.3 浮动的清理（Clear）
　　3.11.4 何时选用浮动定位
　3.12 绝对定位与相对定位
　　3.12.1 绝对定位
　　3.12.2 相对定位
　　3.12.3 何时选用绝对与相对定位
第4章 CSS网站元素设计
　4.1 用CSS设计网站导航
　　4.1.1 横向导航
　　4.1.2 纵向导航
　　4.1.3 下拉及多级弹出式菜单
　　4.1.4 门户网站的导航设计（闪客帝国）
　4.2 背景控制
　　4.2.1 背景颜色
　　4.2.2 背景图片
　　4.2.3 背景定位
　　4.2.4 背景滚动
　　4.2.5 背景属性缩写
　　4.2.6 基于背景控制的导航优化
　4.3 使用列表元素
　　4.3.1 ul无序列表
　　4.3.2 ol有序列表
　　4.3.3 改变项目符号样式
　　4.3.4 使用图片自定义项目符号
　　4.3.5 使列表变为段落
　　4.3.6 列表缩进排版
　　4.3.7 复杂列表的排版
　4.4 表单设计
　　4.4.1 改变输入框及文本域样式
　　4.4.2 改变下拉列表样式
　　4.4.3 改变按钮样式
　　4.4.4 表单布局设计
　　4.4.5 使用label标签提升表单可用性
　　4.4.6 表单设计的其他建议
　4.5 字体及段落样式设计
　　4.5.1 应用字体样式
　　4.5.2 应用段落样式
　4.6 图片样式设计
　　4.6.1 图片定位
　　4.6.2 图片剪切
　　4.6.3 图片替代文本
　　4.6.4 Flash替代文本
　4.7 链接样式控制
　　4.7.1 链接控制
　　4.7.2 CSS按钮
　　4.7.3 图片翻转链接
　　4.7.4 面包屑导航链接
第5章 CSS内容排版
　5.1 文字排版
　　5.1.1 通栏排版
　　5.1.2 分栏排版
　5.2 图文混合排版
　　5.2.1 图片基础控制
　　5.2.2 不规则文字环绕
　5.3 全图排版
　5.4 表格排版
　　5.4.1 充分使用表格标签
　　5.4.2 表格样式控制
　　5.4.3 表单表格设计
第6章 CSS高级应用与技巧
　6.1 id与class
　　6.1.1 什么是id
　　6.1.2 何时使用id
　　6.1.3 什么是class
　　6.1.4 何地使用class
　　6.1.5 同时使用多个类
　　6.1.6 id应用与网站结构
　6.2 div与span
　6.3 CSS选择符的命名
　　6.3.1 大小写敏感
　　6.3.2 合法字符及组合
　　6.3.3 命名建议
　6.4 CSS文件结构设计与优化
　　6.4.1 导入结构
　　6.4.2 结构优化
　6.5 使用CSS缩写
　　6.5.1 font字体缩写
　　6.5.2 margin与padding边距缩写
　　6.5.3 border边框缩写
　　6.5.4 list列表缩写
　　6.5.5 background背景缩写
　　6.5.6 color颜色缩写
　6.6 CSS代码优化
　　6.6.1 增加代码重用率
　　6.6.2 使用样式覆盖进行简化
　6.7 园角样式设计
　　6.7.1 圆角表格
　　6.7.2 圆角矩形
　6.8 滑动门技术
　6.9 小提示窗口
　6.10 图像地图
　6.11 垂直居中
　6.12 折叠标签
　6.13 CSS数据图表
　　6.13.1 初级样式（进度条）
　　6.13.2 复合样式（滑动条）
　　6.13.3 柱状图
　6.14 切换样式表（网站换肤）
　6.15 XHTML与CSS校验
　　6.15.1 XHTML校验器
　　6.15.2 CSS校验器
　6.16 Flash如何符合标准
第7章 浏览器兼容与解析问题
　7.1 CSS hack技术
　　7.1.1 如何使用CSS hack
　　7.1.2 常用CSS hack使用方法
　　7.1.3 CSS hack管理
　7.2 IE条件注释功能
　7.3 盒模型问题
　　7.3.1 盒模型hack
　　7.3.2 简单盒模型hack方法
　7.4 IE捉迷藏
　7.5 ul的不同表现
　7.6 IE 3px问题
　7.7 高度不适应
　7.8 IE6断头台问题
　7.9 容器不扩展问题
　7.10 IE7浏览器的一些变化
第8章 CSS可视化开发与调试
　8.1 Dreamweaver 8的CSS可视化开发
　　8.1.1 对CSS支持的界面变化
　　8.1.2 可视CSS辅助功能
　　8.1.3 浏览器检查及验证标记
　　8.1.4 创建CSS布局页面
　8.2 Dreamweaver CS3的CSS管理
　8.3 CSS代码调试
　　8.3.1 安装Firefox Web Developer
　　8.3.2 界面总览
　　8.3.3 主要功能
　8.4 Web Accessibilty Toolbar
　　8.4.1 安装工具栏
　　8.4.2 界面与功能总览
第9章 CSS布局应用实例解析
　9.1 闪客帝国网站布局设计
　　9.1.1 界面设计
　　9.1.2 CSS文件结构设计
　　9.1.3 首页布局设计
　9.2 Adobe网站CSS分栏设计
附录A Web标准语思录
　A.1 Web上的中文排版
　A.2 我来说点儿Aiax的事儿
　A.3 Web标准的思考
　A.4 闪客帝国网站重构访谈
附录B 相关资源及术语表
　B.1 相关网站
　B.2 相关书籍
　B.3 相关工具
　B.4 术语表

• 作者：（美）欧朝晖　著
• 丛书名：
• 出版社：电子工业出版社
• ISBN：9787121043154
• 出版时间：2007-5-1
• 版次：1
• 印次：
• 页数：372
• 字数：300000
• 纸张：胶版纸
• 包装：平装
• 开本：

• 定价：49.8 元当当价：37.35 元折扣：75 折节省：12.45 元
• 顾客评分：  共有顾客评论18条 查看摘要

内容提要
本书帮助读者建立搜索营销的概念，分析搜索营销中的几种形式的手段，并从认识搜索引擎的原理开始，导出搜索引擎优化的具体解释，向读者引入以搜索引擎优化为宗旨的网站建设的新观念和设计理念。对网站结构优化、单页优化、链接优化等技术进行了详细的解说和示范。读者还可以接触到网站养育的新概念，帮助读者网站发展成熟，达到网络营销的目标。对搜索引擎优化中观念上和技术上常犯的错误，本书也一一给予指正。本书还对扩展应用搜索引擎优化来实现网络公关和品牌建设、开拓国际市场给予了介绍。
　　本书适合刚刚介入搜索引擎优化的生手、有一定SEO优化经验的读者、负责营销的项目主管、网站设计者、程序员、个人网站的站主，本书还适合大学商学院中电子商务专业选修课使用。

作者简介
欧朝晖，美国公共政策和计算机科学双硕士，十年来在美国和加拿大从事搜索电子商务的实践和研究，是美国搜索营销专家组织亚洲工作组的成员。目前，他担任美国著名的搜索营销公司尚奇（国际）全球副总裁，尚奇（中国）总裁，是尚奇的高级搜索营销策略师之一。
　　欧朝晖根据亲身的搜索引擎优化（SEO）经历，针对搜索营销的发展趋势，推广“第三代网站设计思维”的概念和技术。几年来，他应邀在美国达拉斯、休斯顿、洛杉矶，加拿大温哥华，以及中国上海、北京、深圳和中国台北为公众、商会和知名企业做过多扬搜索营销的讲座。欧朝晖希望通过此书将美国的搜索营销经验和技全面介绍给中国的各行各业，与中国同仁开展交流，为中国电子商务的发展作出应有的贡献。

目录
第1篇　搜索引擎优化的进化论
　第1章　搜索引擎与搜索引擎优化的同步发展
　　互联网和搜索引擎
　　1.1　搜索营销的概念和体现　　　
　　1.2　搜索引擎优化的引入　
　　1.3　搜索引擎优化（SEO）分解　　　
　　1.4　搜索引擎和搜索优化的同步发展　　　
　　1.5　搜索营销人员：素养决定成功　
第2篇　搜索引擎优化的科学观
　第2章　搜索引擎排名和更新　　
　　悠久的搜索历史　　
　　2.1　搜索引擎收录网站的原理　
　　2.2　搜索引擎如何提供搜索结果　　　
　　2.3　搜索引擎排名原理——看Google　　　
　　2.4　Google沙盒（Sandbox）和逃生法　　
　　2.5　认识其他搜索引擎的排名原理　
　第3章　搜索引擎优化的视觉理论和实施目标
　　SEO和人们的视点　　　
　　3.1　网站浏览的视觉原理　
　　3.2　搜索引擎优化究竟为了什么　　　
　　3.3　真实的谎言　
第3篇　搜索引擎优化实践
　第4章　网站设计的最优化操作
　　SEO与网站设计　　
　　4.1　网站设计的可用性原则　　　
　　4.2　网站设计的第三代思维　　　
　　4.3　适应搜索引擎的文本管理系统　
　　4.4　适应搜索引擎的购物车系统　　　
　　4.5　给“盲人”编写站点地图　
　　4.6　用Google地图告诉Google　
　第5章　关键词的研究和文本优化　　
　　当关键词遇到访客 109
　　5.1　关键词的定夺决定市场　　　
　　5.2　确定关键词的常用工具　　　
　　5.3　优化文本的写作艺术　
　第6章　单个网页的最优化操作
　第7章　网站外部链接的最优化操作
　第8章　搜索引擎优化常见误区和错误　　
　第9章　网站的养育和监控方法
　第10章　搜索引擎优化实战范例　　　
第4篇　搜索引擎优化的扩展
　第11章　搜索引擎优化复杂战略　　　
　第12章　搜索引擎优化的扩展应用与SEO2.0
　第13章　依靠搜索引擎开拓国际市场　　　
附录A　搜索引擎优化常用术语（中英对照）
附录B　国际搜索引擎营销专业组织介绍
附录C　著名国际搜索营销技术和展览会
附录D　Google（谷歌）建站指导　　
附录E　Baidu（百度）建站指导　　　
参考资料

俺想好好学习啊！！！！

好文章，好好学习。