近年来,WEB2.0理论的流行,不仅带动了各个网站在技术层面的发展,也把WEB设计带到了风头浪尖上。DIV+css的设计方式正在逐渐取代以往table一统天下的局面,成为了WEB设计领域内的一阵清新的风,越来越受到大家的高度关注。
我们希望在CSS这一领域有一技之长和独到心得的您,能在本书评论区畅所欲言,与大家共同交流,共同分享智慧,共同参悟CSS设计的禅机,共同体验CSS的设计之美。
我们将评选出10条最具价值和闪烁着熠熠思想火花的评论,向评论者赠送《CSS禅意花园》图书一本及网站5元等值购书积分。
本活动即日起开始进行,获得样书的读者名单将在本页面上即时公布。待本书出版后按照名单统一发出。本活动最终解释权归人民邮电出版社所有。

以下是进行CSS设计时的八个必要的小技巧,良好的习惯可能会使你的设计周期加倍缩短。 (如果您想了解更多请参见人民邮电出版社后续图书《CSS精粹--101条设计技巧》)
1.若有疑问立即检测
在出错时若能对原始代码做简单检测可以省去很多头痛问题。W3C对于XHTML与CSS都有检测工具可用,请见http://validator.w3.org 请注意,在文件开头的错误,可能因为不当的结构等因素造成更多错误;我们建议先修正一些最明显的错误之后重新检测,这样也许会让错误数量爆减。
2.使用浮动功能时记得适当清除指令
浮动是个危险的功能,未必会产生您所期望的结果。如果您遇到浮动元素延伸到外围容器的边框或者其他不正常情况,请先确定您的做法是正确的。请参阅Eric Meyer在Complex Spiral Consulting Web网站上的教学:
http://www.complexspiral.
com/publications/
containing-floats)

3.边界重合时利用padding或border来避免
您可能会为了一点不应该出现的空间而焦头烂额,或者您需要一点点空间时,怎样都挤不出来。如果您有用到margin,那么很容易产生边界的重合;Andy Budd在他的网站上解释了可能的做法(http://www.andybudd.com/
archives/2003/11/no_margi
n_for_error
)
4.尝试避免同时对元素指定padding/border以及高度或宽度
Windows版IE经常导致width与height的计算问题。有些方法可以解决此问题(请见http://tantek.com/css/
examples/boxmodelhack
.html
),但如果母元素需要指定高度与宽度时,最好能够在母元素之内的子元素套用margin,或者当子元素需要指定高度与宽度时,在母元素套用padding以达效果。
5.不要依赖min-width/min-height
Windows版IE并不支援两种语法。但是在某种程度下,windows版IE可以达到相当于min-width/min-height的效果,所以只要对IE做点过滤功能,即可达到您想要的结果。关于这方面的范例请见:http://mezzoblue.com/
archives/2004/09/16/
minheight_fi

6.若有疑问,先减少百分比
有时候某些错误会使50%+50%成为100.1%,使网页出现问题。这时请尝试将这些值改为49%,甚至49.9%
7.记住“TRouBLed”写法
Border,margin与padding的简写语法有特定顺序,从上方开始顺时针方向转动:top,right,bottom,left.所以margin:0 1px 3px 5px;的结果是上方无边界,右边1像素,以此类推。记住“TRouBLe”,您就不会弄错次序了。
8.只要不是零的值,都要指定单位
CSS需要您对每个font,Margin等各种值指定单位。(唯一的例外是line-height)

CSS Discuss
一个规模庞大的电子报,提供CSS新知与说明。许多专家和新手会在这里分享他们的问题和秘诀。

CSS at maxdesign
收集了很多详尽的文章,主题是关于列表,浮动等方面。

CSS/WEB Standard Links
Andy budd的最新CSS文章,技术与错误修正集锦。

Holy CSS Zeldman
Andrew Fernandez收集了这份可能是网络上最详细的CSS相关资源清单。

编辑:liuting
设计:4W (^ ^ )
制作:shily77




  国内的Web开发技术与美国相比大约相差3年左右,应用Web标准的差距也大约是3年左右。今天,在积累了很多开发经验和教训之后,国内的一些网站已经认识到基于table的布局的严重缺点,并且已经在尝试摒弃这种旧的方法,转向完全的CSS布局。
  国内的Web开发者掌握的最差的就是CSS。基于table的布局的惯性思维严重阻碍了Web开发者对于CSS的接受。不过另外一个原因也跟国内缺乏能反映出CSS标准最新发展成果的高水平著作有关。
  ......
  ——曾翻译《Ajax in Action》,著名技术译者李锟(dlee)独家撰稿。
《CSS禅意花园》
原书名:THE ZEN OF CSS DESIGN: VISUAL ENLIGHTENMENT FOR THE WEB
作者: DAVE SHEA, MOLLY E. HOLZSCHLAG
译者:陈黎夫;山崺颋
估 价:¥49.00
4-5星会员: ¥34.30 (7折)
现在购买
  此书并非一般谈论CSS操作手册或范例书,而是一本介绍并实现网页设计极致的书。
  公开书中36位顶尖网页设计师独门秘诀,让您顺利实现设计思路,使客户满意。
  Amazon五颗星最高评价,台湾优质引入,全球一致好评抢购中!

Dave Shea
·图像设计师,“CSS禅意花园”网站的创始人和耕耘者
·曾在全球的行业大会上发表演讲,其作品被世界各地的书籍和杂志采用
·Web Standards Project(WaSP)的成员,WaSP,致力于推广基于跨平台和非专用技术的Web设计,由Web开发人员和设计师组成。
· Web设计机构Bright Creative的拥有者兼主管,还为其在线出版物mezzoblue.com编写所有Web内容
Molly E.Holzschlag
·Web设计大师,享有"最伟大的数字作家之一"的美誉,网上最有影响力的25位女性之一。Web设计和开发界最有趣、最活跃的人物之一。
·编写了30多本有关Web设计和开发的图书
·作为WaSP指导委员会的成员,致力于推广W3C推荐规范。在亚利桑那大学、菲尼克斯大学和比马社区学院教授"网站管理员(Webmaster)"课程。详细介绍
陈黎夫
·2005年作为软件开发工程师加入微软Windows Live Hotmail团队
·曾参与开发了下一代Email系统Windows Live Mail,以及Windows Live Calendar等产品。
·擅长ASP.NET、CSS、JavaScript等Web相关技术并有着多年的开发、设计经验。
·博客:http://dflying.cnblogs.com/
山崺颋
·毕业于上海交通大学计算机科学与工程专业

·目前供职于 IBM中国软件开发实验室

·参与 IBM WebSphere系列产品的开发

·喜好程序开发,对艺术设计也有涉猎。



为网页设计方案的灵感而烦恼?作品达不到客户要求?技术上有疑难问题?
这里集合了种种解决网页设计疑难杂症的妙方,全方位立体式学习计划,使您立刻晋身CSS设计的高级境界。


HTML与CSS入门经典
针对初学者精心设计
24小时彻底掌握关键知识

初级学习必备
现在购买

CSS入门经典
1小时轻松阅读学习
24小时彻底掌握关键知识

初级学习必备
现在购买

HTML XHTML CSS 基础教程(第6版)
概念+实例的基础讲解
预计4月出版

CSS精粹 101条设计技巧
几乎是最全面的CSS类问答书籍
效率从技巧中来
预计6月出版

别具光芒——DIV+CSS网页布局与美化
超级详细的精美图解,轻松阅读
5个大型经典实例教学
现在购买





The Zen of CSS
网页视觉设计的王者
缺乏灵感的妙方
CSDN网站首席网页设计师武悦精彩评论
现在购买

超越CSS:WEB设计艺术精髓
巧妙引导读者实现“设计”到“CSS实现”的无缝结合
掌握,随心所欲
预计6月出版

精通CSS
实现基本概念与核心技术的统一
提升水平法宝
现在购买



《JavaScript高级程序设计》
作者:Nicholas C.Zakas
译者:曹力 张欣
定 价:¥59.00
4-5星会员: ¥44.25
现在购买


《Ajax实战》
作者:Dave Crane,Eric Pascarello,Darren James
译者: Ajaxcn.org
定 价:¥69.00
4-5星会员: ¥51.75
现在购买


《Eric Meyer谈CSS》
作者:Eric Meyer
预计8月出版


《Eric Meyer谈CSS II》
作者:Eric Meyer
预计8月出版


《JavaScript入门经典》
作者:Michael Moncur
译者:王 军
现在购买


《CSS基础教程》
作者:Simon Collison
预计8月出版