文档介绍：1 读书笔记第一篇 CSS 精粹之布局技巧 1. 若有疑问立即检测。在出错时若能对原始代码做简单检测可以省去很多头痛问题。 W3C 对于 XHTML 与 CSS 都有检测工具可用,请见 http://validator. 请注意,在文件开头的错误, 可能因为不当的结构等因素造成更多错误;我们建议先修正一些最明显的错误之后重新检测,这样也许会让错误数量爆减。 2. 使用浮动功能时记得适当清除指令。浮动是个危险的功能,未必会产生您所期望的结果。如果您遇到浮动元素延伸到外围器的边框或者其他不正常情况,请先确定您的做法是正确的。 3. 边界重合时利用 padding 或 border 来避免。您可能会为了一点不应该出现的空间而焦头烂额,或者您需要一点点空间时,怎样都挤不出来。如果您有用到 margin ,那么很容易产生边界的重合; Andy Budd 在他的网站上解释了可能的做法。 4. 尝试避免同时对元素指定 padding/border 以及高度或宽度。 Windows 版 IE经常导致 width 与 height 的计算问题。有些方法可以解决此问题,但如果母元素需要指定高度与宽度时,最好能够在母元素之内的子元素套用 margin, 或者当子元素需要指定高度与宽度时,在母元素套用 padding 以达效果。 5. 不要依赖 min-width/min-height 。 Windows 版 IE并不支援两种语法。但是在某种程度下, windows 版 IE可以达到相当于 min-width/min-height 的效果,所以只要对 IE做点过滤功能,即可达到您想要结果。 2 第二篇何为一个“丰满”的设计 1.“丰满”的含义并不代表将一个版面撑满。每个设计都必须含有一个点子, 点子以“产品特性”、“目标消费群”及“卖点”所支撑。整个设计围绕其而发展,统一与一个中心,环环相扣,由浅入深或由深化浅,循序渐进,有规律,有节奏,有重点,才不失为一个“丰满”的设计。 2. 做一个“不浪费”的设计大多数设计由图片及文案两部分组成。设计之前必须充分理解文案,读懂读通,再开始下一步工作。因为你所需要达到的最理想结果(就设计本身而言)就是将图片和文案完美结合。只有这样才能不使广告目的偏移, 不使文案内容变质, 发挥寸“字”寸金的广告文案的原汁原味。广告不允许你有任何浪费(贵)。 3 第三篇页面空白空间的魅力设计的意思就是策划,设计的过程就是从混乱和随意中找到条理,条理有利于读者, 他们可以很轻松地理解一个条理清楚的信息。斯蒂温-阿-克里蒙特的《建筑历史》杂志评论中写到:“不要把时尚和风格混淆起来。风格是在社会和顾客的实际需要中形成的。时尚则是个些急于表现优雅或老练的人所表现出的一种肤浅的状态”。这些必须通过和谐的排印、有效地利用图画和空白空间,有节制的利用(字行)来完成... ... 多次重复,在视觉上形成必然联系可以引导视线和帮助读者快速浏览。设计中,留出大量空白空间作为空白表现领域,使标题“突出”,大的图画得到视觉上的延伸。页面空白空间的最佳使用能够帮助信息易于浏览,而不仅仅只是使页面看上去漂亮, 那是自然而然的结果。关键在于提高页面的可理解性。 4 第四章导航设计与信息架构大部分时候我们讲导航,讲的是导航对内容和结构的一种表现。就是说我们在讨论导航的时候,更多的去关注