近年来,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) |
 |
编辑:liuting
设计:4W (^ ^ )
制作:shily77
|
国内的Web开发技术与美国相比大约相差3年左右,应用Web标准的差距也大约是3年左右。今天,在积累了很多开发经验和教训之后,国内的一些网站已经认识到基于table的布局的严重缺点,并且已经在尝试摒弃这种旧的方法,转向完全的CSS布局。
国内的Web开发者掌握的最差的就是CSS。基于table的布局的惯性思维严重阻碍了Web开发者对于CSS的接受。不过另外一个原因也跟国内缺乏能反映出CSS标准最新发展成果的高水平著作有关。
......
——曾翻译《Ajax in Action》,著名技术译者李锟(dlee)独家撰稿。 |
|
 |
为网页设计方案的灵感而烦恼?作品达不到客户要求?技术上有疑难问题?
这里集合了种种解决网页设计疑难杂症的妙方,全方位立体式学习计划,使您立刻晋身CSS设计的高级境界。 |
 |

HTML与CSS入门经典
针对初学者精心设计
24小时彻底掌握关键知识
初级学习必备
【现在购买】 |

CSS入门经典
1小时轻松阅读学习
24小时彻底掌握关键知识
初级学习必备
【现在购买】 |

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

《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月出版 |
|