本翻译并未得到作者或网站授权。一切权利都归原作者及原网站所有。
如果你得到原作者或原发表网站的授权，可以自由使用本翻译。

1.CSS字体属性简写规则

一般用CSS设定字体属性是这样做的：

font-weight:bold;
font-style:italic;
font-varient:small-caps;
font-size:1em;
line-height:1.5em;
font-family:verdana,sans-serif;

但也可以把它们全部写到一行上去：

font: bold italic small-caps 1em/1.5em verdana,sans-serif;

真不错！只有一点要提醒的：这种简写方法只有在同时指定font-size和font-family属性时才起作用。而且，如果你没有设定font-weight, font-style, 以及 font-varient ，他们会使用缺省值，这点要记上。

2. 同时使用两个类

一般只能给一个元素设定一个类（Class），但这并不意味着不能用两个。事实上，你可以这样：

<p class="text side">...</p>

同时给P元素两个类，中间用空格格开，这样所有text和side两个类的属性都会加到P元素上来。如果它们两个类中的属性有冲突的话，后设置的起作用，即在CSS文件中放在后面的类的属性起作用。

补充：对于一个ID，不能这样写<p id="text side">...</p>也不能这样写

3. CSS border的缺省值

通常可以设定边界的颜色，宽度和风格，如：
border: 3px solid #000
这位把边界显示成3像素宽，黑色，实线。但实际上这里只需要指定风格即可。

如果只指定了风格，其他属性就会使用缺省值。一般地，Border的宽度缺省是medium，一般等于3到4个像素；缺省的颜色是其中文字的颜色。如果这个值正好合适的话，就不用设那么多了。

4. CSS用于文档打印

许多网站上都有一个针对打印的版本，但实际上这并不需要，因为可以用CSS来设定打印风格。

也就是说，可以为页面指定两个CSS文件，一个用于屏幕显示，一个用于打印：

<link type="text/css" rel="stylesheet" href="stylesheet.css" media="screen" /> <link type="text/css" rel="stylesheet" href="printstyle.css" media="print" />

第1行就是显示，第2行是打印，注意其中的media属性。

但应该在打印 CSS中写什么东西呢？你可以按设计普通CSS的方法来设定它。设计的同时就可以把这个CSS设成显示CSS来检查它的效果。也许你会使用 display: none 这个命令来关掉一些装饰图片，再关掉一些导航按钮。要想了解更多，可以看“打印差异”这一篇。

5. 图片替换技巧

一般都建议用标准的HTML来显示文字，而不要使用图片，这样不但快，也更具可读性。但如果你想用一些特殊字体时，就只能用图片了。

比如你想整个卖东西的图标，你就用了这个图片：
<h1><img src="widget-image.gif" alt="Buy widgets" /></h1>
这当然可以，但对搜索引擎来说，和正常文字相比，它们对alt里面的替换文字几乎没有兴趣这是因为许多设计者在这里放许多关键词来骗搜索引擎。所以方法应该是这样的：
<h1>Buy widgets</h1>
但这样就没有特殊字体了。要想达到同样效果，可以这样设计CSS：
h1 { background: url(widget-image.gif) no-repeat; height: image height text-indent: -2000px }

注意把image height换成真的图片的高度。这里，图片会当作背景显示出来，而真正的文字由于设定了-2000像素这个缩进，它们会出现在屏幕左边2000点的地方，就看不见了。但这对于关闭图片的人来说，可能全部看不到了，这点要注意。

6. CSS box模型的另一种调整技巧

这个Box模型的调整主要是针对IE6之前的IE浏览器的，它们把边界宽度和空白都算在元素宽度上。比如：

#box { width: 100px; border: 5px; padding: 20px }

这样调用它：
<div id="box">...</div>
这时盒子的全宽应该是150点，这在除IE6之前的IE浏览器之外的所有浏览器上都是正确的。但在IE5这样的浏览器上，它的全宽仍是100点。可以用以前人发明的Box调整方法来处理这种差异。

但用CSS也可以达到同样的目的，让它们显示效果一致。

#box { width: 150px } #box div { border: 5px; padding: 20px }

这样调用：
<div id="box"><div>...</div></div>
这样，不管什么浏览器，宽度都是150点了。

7. 块元素居中对齐

如果想做个固定宽度的网页并且想让网页水平居中的话，通常是这样：

#content { width: 700px; margin: 0 auto }

你会使用 <div id="content"> 来围上所有元素。这很简单，但不够好，IE6之前版本会显示不出这种效果。改CSS如下：

body { text-align: center } #content { text-align: left; width: 700px; margin: 0 auto }

这会把网页内容都居中，所以在Content中又加入了
text-align: left 。

8. 用CSS来处理垂直对齐

垂直对齐用表格可以很方便地实现，设定表格单元 vertical-align: middle 就可以了。但对CSS来说这没用。如果你想设定一个导航条是2em高，而想让导航文字垂直居中的话，设定这个属性是没用的。

CSS方法是什么呢？对了，把这些文字的行高设为 2em：line-height: 2em ，这就可以了。

9. CSS在容器内定位

CSS的一个好处是可以把一个元素任意定位，在一个容器内也可以。比如对这个容器：

#container { position: relative }

这样容器内所有的元素都会相对定位，可以这样用：
<div id="container"><div id="navigation">...</div></div>
如果想定位到距左30点，距上5点，可以这样：

#navigation { position: absolute; left: 30px; top: 5px }

当然，你还可以这样：
margin: 5px 0 0 30px
注意4个数字的顺序是：上、右、下、左。当然，有时候定位的方法而不是边距的方法更好些。

10. 直通到屏幕底部的背景色

在垂直方向是进行控制是CSS所不能的。如果你想让导航栏和内容栏一样直通到页面底部，用表格是很方便的，但如果只用这样的CSS：

#navigation { background: blue; width: 150px }

较短的导航条是不会直通到底部的，半路内容结束时它就结束了。该怎么办呢？

不幸的是，只能采用欺骗的手段了，给这较短的一栏加上个背景图，宽度和栏宽一样，并让它的颜色和设定的背景色一样。

body { background: url(blue-image.gif) 0 0 repeat-y }

此时不能用em做单位，因为那样的话，一旦读者改变了字体大小，这个花招就会露馅，只能使用px。

引用：http://blog.csdn.net/zhoujian2003/archive/2006/04/28/696012.aspx

A picture's worth a thousand words
With contact pictures in Gmail, you can pick ones for yourself, see which ones your friends have chosen, and set certain pictures to show up for specific people in your Gmail account. Best of all, you can even send picture suggestions to your friends. Learn more

We're in the process of rolling this feature out to all users, so keep an eye out for it in your account!

        


Gmail Chat now has sound!
Never miss out on a chat in Gmail again. Now there’s a "ping" when people send you a chat. Learn more

Gmail: Help Center

--
目前只有在English(US)下，部分Gmail帐户才会也此功能。

我的帐户下还没有出现！

--
2006-5-13 01:10
我的帐户下出现了此功能了。

使用缩写可以帮助减少你CSS文件的大小，更加容易阅读。css缩写的主要规则如下：

颜色

16进制的色彩值，如果每两位的值相同，可以缩写一半，例如：
#000000可以缩写为#000;#336699可以缩写为#369;

盒尺寸

通常有下面四种书写方法:

• property:value1; 表示所有边都是一个值value1；
• property:value1 value2; 表示top和bottom的值是value1,right和left的值是value2
• property:value1 value2 value3; 表示top的值是value1，right和left的值是value2，bottom的值是value3
• property:value1 value2 value3 value4; 四个值依次表示top,right,bottom,left

方便的记忆方法是顺时针，上右下左。具体应用在margin和padding的例子如下：
margin:1em 0 2em 0.5em;

边框(border)

边框的属性如下：

• border-width:1px;
• border-style:solid;
• border-color:#000;

可以缩写为一句：border:1px solid #000;

语法是 border:width style color;

背景(Backgrounds)

背景的属性如下：

• background-color:#f00;
• background-image:url(background.gif);
• background-repeat:no-repeat;
• background-attachment:fixed;
• background-position:0 0;

可以缩写为一句：background:#f00 url(background.gif) no-repeat fixed 0 0;

语法是 background:color image repeat attachment position;

你可以省略其中一个或多个属性值，如果省略，该属性值将用浏览器默认值，默认值为：

• color: transparent
• image: none
• repeat: repeat
• attachment: scroll
• position: 0% 0%

字体(fonts)

字体的属性如下：

• font-style:italic;
• font-variant:small-caps;
• font-weight:bold;
• font-size:1em;
• line-height:140%;
• font-family:"Lucida Grande",sans-serif;

可以缩写为一句：font:italic small-caps bold 1em/140% "Lucida Grande",sans-serif;

注意，如果你缩写字体定义，至少要定义font-size和font-family两个值。

列表(lists)

取消默认的圆点和序号可以这样写list-style:none;,

list的属性如下:

• list-style-type:square;
• list-style-position:inside;
• list-style-image:url(image.gif);

可以缩写为一句：list-style:square inside url(image.gif);

　　由于网页的从无到有，从满足基本的功能需要到追求美的较为高层次的需要，这是一个循序渐进的过程。这使人不由得想起工业革命前夕，很多现代的产品那时候都没有，没有现成的模样可以参照，产品的设计都是满足基本的功能需要出发，所以做出来的产品非常粗糙，冷冰冰的，毫无生气。由于商业竞争和工业化大生产的结果，使得人们不断的改进产品的功能，更为重要的是改进产品的外观，是产品更符合美的需要和使用方便。从而使今天货架上出现了琳琅满目的漂亮的产品。我想网页同样也是如此，在满足了基本的功能的要求之后，为了突出自己的特色，突出自己的优势，必须从审美上入手。而目前很多国内网站的现状是什么样子的呢？经常上网的网友可能会有所体会。目前的网页存在着诸多的不足，以下简单的分析一下，希望能从中得到一些启示。

　　第一个可以用一个字来形容，那就是“塞”。这是很多的网页都具有的特点，它将各种信息诸如文字、图片、动画等不加考虑的塞到页面上，有多少挤多少，不加以规范化，条理化，更谈不上艺术处理了。导致浏览时会遇到很多的不方便，主要就是页面五花八门，不分主次，没有很好的归类，整体一个大的杂烩。让人难以找到自己需要的信息，更谈不上效率了。这种网页没有考虑采用一种美的形式来使页面上的信息以更整体性的方式来体现。所以这种网页的设计含量是相当低的。不仅仅从功能上分析。从审美上看，这种页面太满、太堵，没有给读者一点空间，所以毫无美感可言。

　　第二也可用一个字“花”来形容，这类网站也有不少，显然这是很多不懂设计的人来制作的。比较多是他们把页面做的很花哨，但是非常不实用，例如采用很深的带有花哨图案的图片作为背景，严重干扰了浏览，获取信息很困难。同时有些还采用了颜色各异，风格不同的图片、文字、动画。使页面五彩缤纷。没有整体感觉，尽管有些页面内容不多，但是浏览起来仍然特别困难。这种过度的包装甚至不如不加任何装饰的页面。不加装饰最起码不会损害其基本的功能的需求。所以这种网页属于粗制滥造的次品，是对自己的受众不负责任的表现。或许他们的初衷是好的，就是想把自己的页面做的漂亮，结果却是适得其反。是网页设计中的一大忌。

　　第三个现在网页设计中的误区就是千篇一律，缺乏自己的特色，当我们打开电脑，上网一看，好像哪个网站都是一样的。从标题的放置，按钮的编排到动画的采用都是如此。用色时随心所欲，只要能区分开文本和背景就达到目的。造成这种原因就是网页设计师本身的原因，他们没有充分的利用自己的知识，分析自己网站的优势，发挥自己的网站的特点，而是采用的走捷径的方式，就是用大众化的方法去做，做起来当然很容易了，但是失去了自己特点的网页就像流水线上下来的产品，好像随便看哪一个都一样，这样就不能起到网页设计的目的。至少不能算设计。这也是对自己的用户不负责任的表现。当然这里不是片面的唯美主义，不能只是看中页面的漂亮而不顾受众的使用的不方便。例如有些网页将按钮溶入到页面的图片中去，倒是比较漂亮了，整体感强了。但是受众有时候却找不到按钮，造成困难。这同样是不可取的。

　　还有一类站点的网页是一种纯技术化的网页，在这种网页上，充斥了许多的纯为了炫耀技术的东西，如多个风格迥异的动画（缺乏美感甚至是与主体无关的动画），还有大量的利用Javascript和动态HTML的技术，然而始终没有把握住整体这个中心，造成页面的混乱。这与第一种有些类似，但是这种网页很多是技术上的高手。但是结果给人只有羡慕技术之外毫无收获。这样的网页也是不适合于需要的，是网页设计上的失败，更为严重的是大量的采用这种技术或者动画，造成浏览上由于受带宽的限制而非常的慢。所以不管是从功能上还是从形式上都是不可取的。

　　综合以上的分析，可以找出很多目前网页设计上设计的不足，特别是审美上的不足，照顾网页功能上的需要的前提下，需要有针对性的采用一些美的形式。来使网页做得更加有生气，更吸引人。

　　那么加入美的因素，也要遵循一定的形式美的法则。这种美的形式有很多种，合理的利用，可以给网页增光添彩。赏心悦目。是受众浏览起来更加有效率，有力的提升网站的形象。下面逐一分析这些美的形式，并考虑如何将它们融入到网页之中，以解决以上遇到的很多网页设计上的审美不足的问题。

　　从古至今，很多艺术家和学者提出了各种关于形式美的规律，很多经得起推敲的作品都是遵循这些规律去创作，以期完成其审美价值的。因此，在网页设计过程中，设计者必须去研究，掌握并主动地、有意识的运用这些规律，才能创作出好的作品。当然，不同时代有不同的设计审美观念，也有不同的美学特征。在信息特别发达的今天，竞争日趋激烈，给人们带来了新的审美需求，对于网页设计，客观上将其推向了更高层的表现境界，这是网页设计的必然趋势。去追求一种和谐的单纯，即追求清晰的视觉冲击力和巨大的张力，我们应该把美的形式规律同现代的网页设计的具体问题相结合起来。下面具体谈谈。

　　先谈谈变化和统一。变化是各个组成部分之间的区别，统一是个部分之间的内在关联。完美的图形设计，形式上要丰富有条理（即对图形的大小、方圆、动静、强弱等方面的处理；组织上要有秩序而不单调，不混乱。即图形的主从关系，叙事关系，呼应关系等方面的处理）。在图形设计中运用变化与统一的规律，是处理形象和组织的对立统一过程，那么在网页设计中同样要恰当的利用这种规律，在我们把大量的信息塞如到网页上去的时候，考虑怎样把它们合理的用统一的方式来排布，使整体感强同时又要有变化，这样使页面更丰富，更有生气，看起来就不感到枯燥，很多网站诸如体育的网站，排布的新闻从上到下几十条，没有一点变化，显得单调而乏味，就是违反这种形式美的规律，所以要充分的运用变化来改进它，从排布的形式上或者是颜色上都可以。

　　再看条理与反复，其中反复是有规律的连续与延伸，有组织的变化与扩展并加以归纳，概括而富于条理化，。条理与反复的原则是图形构成整体的秩序美的基础，是变化中的统一，也是运动发展中求得协调一致的表现方式，由他可以演化出多种多样的图形变化。这种在很多较为优秀的网站中运用较多，同时应用得也比较自如，这时由于很多网站丰富，信息含量大，不得不运用一定的方式将其条理化，同时又在一定程度上加以归纳后重复的利用，使网页较为整齐，脉络清楚，读起来也能着重点。当然，内容较少的网站同样需要条理与反复，以达到更为富有变化和清晰的视觉效果。如文字的合理编排，图片和文字的结合。如何呼应等等。

　　对比和调和。对比是指在质或量方面相互差异甚大的两个要素同时配置在一起时，两者之间有相互作用的性格，更加令人感到彼此强烈地相互衬托。对比是为了使主题画面具有变化和生气而运用的方法。而调和是构成美的对象在部分与部分之间的相互关系。它无论是在质的方面还是量的方面都没有矛盾，各部分所传达给人的感受和意念之间不是相互分离或排斥，而是一个部分多样性的整体统一来表现美的状态。那么在网页设计中，如何利用它来达到好的效果呢？首先合理的利用对比的因素，例如文本的排布、字体的大小、粗细、颜色，图片的宽窄、比例的反差、透明以及位置的放置等等，最终达到的目的就是如何取得较为强烈的视觉效果；不光如此，还要恰如其分的找到调和的因素，即构图的联系点，使整体感觉突出，不至于仅仅因为对比而造成割裂的感觉。只有做到对比和调和的相辅相成，才能使网页页面鲜明、突出，更好的传达出设计者的意图。

　　均齐与平衡，这是动力与中心两者矛盾的统一所产生的形态，是设计中求得中心稳定的两种组织形式，均齐的组织方法是无论在哪一个中轴和中心支点各方面配置同形同量的图形，都要求图形整体结构严谨，形态安定整齐，平衡。实际上也是一句中轴和支点保持平衡，所不同的是配置的形为等量不等形，它没有一定的组织原则，只要能在形式结构上掌握好中心即可，它要求在形式上自然合理。所以均齐偏于静止的形式美感，而平衡却显得灵活多变，带有动感。在网页设计中，在充分的考虑整体的页面上所有的图形、文字的基础上，如何比较整个页面上的组又两边的量与质？是一个设计师自身经验的积累。页面上的平衡是一个动态的平衡，因为页面上两边的配置不会总是一样的，即左边一个图右边就一个图，那是不多的。更多的时候是图和文字以及大块的颜色轻的图和小块的颜色重的图的平衡，以及与文本的疏密和大小的平衡，所以这是一种动态的平衡。只有通过不断的实践才能够在这方面驾轻就熟的运用。满足人们的视觉上的整体的平衡感。这也是人的心理因素的一种图形化的表现，当然不是一种片面的追求静止的对称，那时僵硬的、不生动的，同样会失去美感。

　　如何看待网页上的留空？并非要把整个页面塞满了才不觉得空，我想只要合理的安排，使页面达到平衡，既使在一边的部分大面积留空，同样不会让人感到空，相反这样会给人留下广阔的思考空间，给人回味。

　　再谈谈节奏与韵律。运动中的事物都具有节奏和韵律的形式规律，节奏与韵律本来在音乐、舞蹈、诗歌及电影等具有时间形式的艺术中通过视觉和听觉来表现的，节奏本身没有形象特征。只是表明事物在运动中的快慢、强弱以及间歇的节拍。节奏可以说是条理与反复的发展。它带有机械的秩序美，韵律是每个节拍间运动所表现的轨迹，它带有形象特征。在具体的网页设计的运用中，按钮的编排就经常会遇到这个问题，做得好的按钮能够使排在一起的诸多按钮富有音乐般的美感，同时丝毫不损其实用性，可惜现在见到类似的太少了，因为需要不光是从形状上，而且要从整体的色泽、大小等综合方面入手。

　　上面仅仅探讨了几个非常贴近网页制作的形式美的规则，以及在网页中的运用。如何解决网页中的独特性的问题呢?我想这不仅仅是审美的形式问题,主要要站在网站本身的高点上来考虑，综合自身的整体形象，如网站的标志、标准字体、标准色等等，因为这些方面就是自己与众不同之处，如果将这些经独特设计的关于自身经营理念的东西融合到网页设计中去，怎会与人雷同呢？随便打个比方，假如运用自己的网站的标准色作为网页的基调，不光是能做到独特，而且对于网站本身的形象是很有好处的，就如我们经常见到的IBM的蓝，可口可乐的红白两色。这都是苦心的营造的企业形象的重要组成部分。网站要想树立自己的独特的形象，必须从这些方面入手，把网页上的各种信息的表达统一到网站综合形象的整体里面来考虑。就会给人留下深刻的独特的形象。

　　作为形式美的法则，随着时代的不同而不断发展进步，特别在生活节奏如次快的互联网时代，由于追求的目标的变化，人们的审美观念也在不断的变化，但是美的本质是一样的，同时随着技术的发展，很多的目前不容易实现的审美形式也逐渐被克服，突破带宽的瓶颈。就会给网页设计的自如发展一片新的天地。我们对美的追求是永不停止的，作为设计师，也要不断的提高自己的素质，才能做出更好的富于美感的网页来。 形象思维的归纳　　我们对于环境事物的感觉经验，都是源于过去的接触积累。即使不经肌体接触，也能判断它的软硬，粗细，轻重，冷热……尽管因生活背景，学习经验各异，但经过不自觉的归纳，秩序化的本能，多数人内心深处沉淀的感官经验，完全相似。

　　就物理功能而言，线条或色彩本身是没有任何情绪的。但由于经验的积累，才使人感受到粗线的坚实，细线的纤柔，快速的线条有流畅感，断挫的线条有滞凝的感觉，不同的颜色有了不同的情绪象征意义。

　　就像中国的书法艺术。不用声音就可以表现节奏和旋律，不必模拟实物的外形，就地能准确的表达出软硬，疏密，虚实，欹正等结构形态。利用点，线，面的规划，叙正均衡，大小错落及动静收放，产生顿挫，缓急的节奏，进而达到优美旋律的追求。

　　因此，每一个人都可以判断美与丑，和谐与冲突的差异，这种能力有别于知识性的思考，可称为“形象思维”。

　　成功的设计者，就是利用“形象思维”来思索点，线，面的构成，设计推演出有效的唤起美感经验的作品。排版设计尤为如此有限的视觉符号，文字，少量的插图（有时没有），这些素材有时不具备描述清楚事件或呈现情绪的能力，即使能自由的使用线条和色彩辅助，仍然拘束，所以通过“形象思维”直接捕获内心的原点，是排版设计的唯一途径。

　　排版设计最重要的是，设计者如何把那些涵养和观点传达给观者，以便使版面上的思想能进入观者的心灵。

　　达意的图例，元素图表之善用，字类与词句之巧妙运用，照片及版面之动人安排，使设计意味深长的字群，照片和空间等关系变成一种沟通，而不只是装饰！

她是我大学同学，我们谈了三年恋爱，在一起又过了三年，好像，也该离了。

离婚对我们来说，也是一件特简单的事情。两个人在经济上独立，彼此思想又都不落伍，既然都觉得不再适合对方，那么为什么要成为对方寻找新快乐的阻碍？

只是，有一个问题。离婚了，她没找到新住所之前，我们还得住一起。我们都不是这个城市的人，现在住的房子是我单位的宿舍。

自己想想都觉得搞笑，谈恋爱的时候，我们特纯洁，虽然彼此之间不止于牵手拥抱，但是，同居这样的事情，压根没敢尝试过。没想到现在离婚了，倒赶了趟新潮。如果时间可以倒转，我宁愿这场同居生活放到结婚前。

一室一厅的房子，两个不再是夫妻的男女住在一起，特别别扭。

虽然她以前多次指着我的鼻子问我为什么我是一个这么窝囊的男人，到底是不是男人，但是，我知道自己毕竟还是男人，所以，第一个晚上，没和她商量，我就拿了一套卧具铺在沙发上。咱总不能让一个女人睡客厅吧？

第一夜，睡得真舒坦！没有人在耳边唠叨的夜晚，真美！只是，如果我们家的沙发是布沙发就好了，这个木头沙发让我在清晨醒来的时候，脖子有点酸。当时她是要买布沙发的，我只是觉得木沙发看起来更庄重气派，坚决让她服从了我的选择。唉，早知道离婚了我还要睡沙发，当时真应该听她的。

说实话，每天早上我都是被尿憋醒的。今天也不例外。到了洗手间的门口，里面有花洒洒水声。这个臭女人，不知道从什么时候养成的坏习惯，晚上睡觉前洗澡，早上起床后还要洗澡。算了算了，反正也已经习惯了。我顺手拉门就进去。

我刚掀起马桶准备方便，没想到她竟然"哇"地一声狂叫了起来。

大清早的，也不至于见鬼了啊。叫什么叫？吓得我尿都憋了回去。

"你没见我在洗澡么？你是不是男人啊？有男人在女人洗澡的时候进来解手的么？"她掀开浴帘，一只手用浴巾裹着身体，一只手指着我的鼻子就开始训斥。

"你叫什么叫啊？咱们之间不是还隔着浴帘吗？我能看到你什么啊？又不是第一次你洗澡的时候我进来解手，至于这么夸张吗？再说了，就你那身体，我都看了三年了，闭上眼睛都知道是什么样子了，值得我偷窥吗？"这女人，你当你是谁啊？咱们现在不是夫妻了，你还想指望我象从前那样给你陪笑脸？

"你！......"她气得说不出话来。裹着浴巾就跑出浴室，就听到卧室的门"砰"得一声。

泼妇！就你这臭脾气，看以后还有谁敢要你！我吹着口哨继续解我的手。

解完手，我去卧室，我今天上班要穿的衣服还挂在橱子里呢。靠！这死女人，竟然将卧室的门给锁上了。我敲了半天门，里面总算回了一句，我在穿衣服！

算了，反正离婚了，让让她吧。

半小时后她才出来，倒是衣着光鲜唇红肤白。可惜，她临出门时狠狠瞪了我一眼，破坏了她的形象。

因为这半小时，我上班第一次迟到。

下班后，我在大街上胡乱溜达着消磨时间，虽然无聊，但是总比看她那张脸要好。就这么到了九点钟，在街角吃了碗面，回家。

我进家门，她老人家竟然在客厅里做着。看着我进来，脸上竟然还带着微笑。我迟疑疑地在她面前做下，天！她竟然给我砌了一杯茶。

她葫芦里卖什么药？我想到了一个词，笑里藏刀。

"今天呢，我仔细想了一下，咱们现在不是夫妻了，虽然我现在是借你的房子住一个月，但是，我想，为了避免这一个月出现不必要的尴尬和误会，我们还是约法三章比较好。"

说着，她温柔柔地拿起一张纸在我面前晃了晃。"你看看，要是没什么意见，那么，就签一个字。咱们一人一份。"

我拿起纸看了看。可恶，这哪里是什么约法三章？简直就是八国联军的不平等条约！

• 第一条：在一方使用洗手间的时候，另一方不得以任何借口进入；
• 第二条：一方不得以任何借口接触对方的身体；
• ......

我数了数，大小竟然有二十六条之多，而且，每一条都是站在她的立场上考虑的。

"没意见，那么就请签字。"她竟然连钢笔都准备好了。

我本来想冲她发火的，但是，想想，也没必要。反正最多也就一个月的时间，忍忍也就过去了。我冷眼看了看她，拿起钢笔就挥下我的大名。

"对了，做为你签字的回报，在我们共同生活的期间，我还继续给你做饭吃。"

我没说话。

有了这个不平等条约，这日子可就真拘束。刚开始那几天，感觉做什么都被束缚着。并且，我还继续在外面晃悠着找地方吃饭。哼，以为做饭给我吃，我就会感恩？美去吧你！我一个月不吃你的饭，看我会不会饿死！唉，话是这么说，只是每次晃悠着的时候，闻到别人家的饭菜香，心里，也还是那个那个的。不过，饿死是小，失节可是大！一个星期相安无事。

这天，我进门的时候，她刚好准备出去。

"出去？"我装着随口问了下，其实，我不喜欢她这么晚出去还喷了香水。

"是啊。阿铃说是今晚介绍一个朋友给我认识。你看看我今天刚买的衣服，还不错吧？"

她站在镜子前仔细端详着自己。

"是啊，是不错。钓凯子最适合了。"傻子都听出我说的不是好话。

"你！"她的脸上又开始浮现厌恶我的表情了。只是，转而她又假惺惺地浅笑盈盈。"是啊，反正我现在是单身了，就算是钓凯子，我也有这个权利啊。总会有珍惜我的人出现的。你也老大不小了，也该考虑考虑自己的幸福了。"她眉毛吊着看我，向我示威啊？

"那我祝你今晚吊到一个大凯子！要是人家送你一个别墅，也借咱住两天。"

"哟，说话怎么这么酸啊？你不会是看我出去吃醋吧？"她哈哈笑了起来。

"走吧走吧，别站那碍我的眼！"我随手就给她拉开了门。

她斜着眼睛瞧着我，走了出去。出门的时候，还对我"哼"了一下。

哼什么哼？你以为你是梁咏琪在拍电影么？"我"砰"得拍上了门。

她走了，只是，她的香水味还在。

没有碍眼的人在了，我开始看球赛。只是，只是心里怎么这么烦？难道？我真吃醋了么？

哈哈，我开始笑我自己，怎么这么胡想？可是我主动提出离婚的啊。

大概过了两个小时，她就回来了。而且，在我面前走过的时候，我看到了她脸色很差。

她直接回卧室睡觉了，竟然连澡都没出来洗。

她心情不好地回来，我竟然心情好了。嘿嘿，活该你出去！我也乐颠颠地睡下来。

半夜，我被她的一声尖叫吓醒。刚想起来看看什么情况，就见她穿着睡衣冲了出来，跳到沙发上搂着我的脖子直发抖。

"怎么了？"我拍拍她的背问。

"蟑螂......"

她一说这两个字我就明白了。这个女人虽然对我很凶悍，但是，天生害怕一切不受保护的动物。什么蟑螂、老鼠、猫、狗等等，每出现一次她都尖叫半天，害我一直想弄一个小狗回来养养都不成。

"乖，别怕。"我向往常一样安慰她，一边解下她的手，下了沙发进房间给她消灭去。

房间里四下找了半天，没发现蟑螂的影子，只得回来。

我一坐上沙发，她又将我的脖子搂住。"打死了么？"她脸上被吓出眼泪，不过，在夜晚黯淡的光线下，倒有梨花带雨一枝春的感觉。

"好了，被我打死了。别怕，你回去睡觉吧，明天大家都上班呢。"我骗了她。因为我知道我不说打死而说没找到的话，肯定会被她逼着再找下去。那么我的觉也算是不要指望睡了。

"我害怕。我不回去睡。"

"你忘记我们离婚了。而且，你也破坏了我们的约法三章中的第二条。你首先接触我的身体了。"我语气冷淡，哼，叫你晚上出去钓凯子，看到蟑螂才想起我。

她听到我这话，呆了一下，咬着嘴唇说了声"对不起"后，跑回了房间。又是"砰"得一声关门声。

我呆坐那半晌，突然给自己一个大嘴巴。我到底还是不是男人？怎么这时候对她说这样的话？

我睡在沙发上，但是，人一点困意都没有。隐约中，房间里传来她哭泣的声音。

进去还是不进去？我有点犹豫。

我又给自己一个大嘴巴，是男人，就进去！

我打开房间的门，看到她伏在被子里哭。

我坐到了床边，拉开被子，轻声地问她怎么了。说实话，我看到她满脸的泪水，心里真是好心疼。

"你进来做什么？我们不是离婚了么？我不希罕你来关心我！给我出去，出去！！"她冲我歇斯底里地叫，拿起枕头砸我。

"对不起，刚才是我说错话了，原谅我，好么？"我不管她到底是因为什么，我还是坚持将她环抱在怀里，轻轻吻她脸上的泪。

她不再对我咆哮了，用力抱着我的脖子，开始没完没了地哭。

我没有再安慰她。因为我知道她如果想哭，那么最好让她彻底哭下去。我唯一能做的，只是抱着她，等她自己慢慢平静下来。

终于，她一边哭一边说今晚因为什么而不开心了。原来，她那个破姐妹阿铃给她介绍的人竟然是一个台湾老头子，坐下来没多久就开始动手动脚。阿铃竟然还劝她，反正你是离过婚的人了，将就着跟了这个老头子算了。

"我离婚了是不是就比别人矮一截？我们为什么要离婚？"她一边哭着问我，一边掐着我的脖子。

是啊，离婚的人，意味着什么？我们为什么要离婚呢？我没有办法回答她的问题，因为我自己也不知道答案。虽然脖子被她掐得好痛，但是，掐就掐吧，反正又掐不死我，以后不住一起了，想被她掐都没机会了。

终于我们都累了。彼此沉沉睡去。

醒来的时候，太阳已经出来了。我还抱着她，她还搂着我的脖子。

我不敢动，怕自己惊了她的梦。好像已经很多年没有这样的感觉了。两个人在一起时间越久，清晨醒来就越没有感觉。想想从前的日子，我们几乎都是在匆忙中醒来，一边彼此抱怨着对方一边收拾赶着上班。我们之间，为什么会走到今天这一步？到底因为什么？

她也醒了。

醒来后，她忽然意识到什么，松开了抱我脖子的手，脸上有一抹羞涩，"早。"

我也慌忙着松开抱她的手，赶忙着下床。

"昨夜......"

"昨夜没什么。快起来洗簌吧，要不，上班快迟到了。"

有了这一晚之后，我感觉我们的关系也发生了微妙的变化。下班的时候，我在路边看到有卖海棠糕的，想起这应算是她们家乡的东西，随手就买了点。只是，买来了，我不知道自己是现在就回家还是象从前一样晃悠着消磨时间。

"先生啊，这个东西最好乘鲜的吃。时间长了，就不好吃了。"找钱的时候，小贩特地关照我。

我硬着头皮回到了家。她在做饭。

"嗯，......，嗯，我给了你买了海棠糕。下班时候，刚好看到的。"我对着在厨房里忙碌的她支支吾吾地解释着。

她很开心地走了出来，拿起一块就吃了起来。"去洗手吧，饭菜都好了。"

面对桌子上的饭菜，我心里酸酸的。

数数日子，我在外面混饭吃已经有二十天了。她做的菜，真香。

"吃吧。"

我拿起了碗筷。

......

"慢慢吃，别噎着。来，喝碗汤。"她给我盛了一碗汤。

......

"这个菜挺新鲜的，吃一块。"她给我夹了一筷菜。

......

"你最近瘦得很利害。以后别在外面吃了，又贵又没营养，还是回家来吃吧。"

......

吃完了饭，我抢着收拾。

"算了，结婚这么久了，也没见你收拾过。还是我来吧。"

"我......"

"没事，我也收拾习惯了。你去看电视吧。我收拾就好了。"

坐到沙发上，我给自己砌了一杯水，想想，又给她砌了一杯。坐下来之后，才发现，自己今天吃得好饱。呃，好饱。

她洗刷完毕，在我身边坐了下来。我赶紧将砌好的水端了过去。"你想看什么节目？"我拿着遥控器问她。

"你今天怎么这么客气啊？客气得我都不习惯了。"她咯咯地笑了起来。

我不好意思地摸摸我的头。"我以前，很坏么？"

"坏？没人说你坏啊，只是你比较懒罢了。现在咱们都离婚了，你都一直忘了自己的衣服自己洗。你都不想想，每天的干净衣服，是谁给你洗的。以后，自己要学会照顾自己啊。"

"离婚......，是的，我们离婚了。"我默然不再言语。

她也陷入的沉默。

那晚，我们坐在一起看了三个小时的电视，没有说话，没有换台，只是，我不记得我看了什么。

三十天的时间很快就到了。这天，她吃完饭，告诉我，她已经找好房子，等星期天就可以搬家了。

我的心开始变得很空很空。

星期六很快就来了。

我坐在沙发上看她来来去去地收拾东西。

屋内显得很乱，但是，感觉空气几乎静止。我们都没有说话。她会带走什么？她会留下什么？我心里突然很想知道。但是，我没问。

"你慢慢收拾，我出去走走。"没等她回答，我就走出了门。

屋外的天空很蓝，多像三年前放风筝的那个天啊。

屋外的阳光很轻，三年前是否同样温暖过我们呢？

屋外的情侣很多，我们也这样甜蜜中走过三年啊......

"妈妈，叔叔在哭。"身边的一个小孩子叫了起来。

我擦了擦眼睛，勉强一个笑容出来。"叔叔是被砂子迷进眼了。"

呵呵，我是谁啊？我怎么会哭呢？

我对自己笑了笑，找了一个方向随便走了下去。

过了上午。

过了中午。

过了下午。

过了傍晚。

手机响了，是她的短信：饭菜已做好，我们最后吃一次饭吧。

好吧，我们吃最后一顿饭吧。

我回家。

开门的时候，一个小伙子拿了一束玫瑰在敲隔壁的门。他对我羞涩地笑了笑，我干涩涩地笑了一下回答。玫瑰代表爱情么？玫瑰会凋谢，爱情的保质期又是多少？

房间里没有开灯。她在餐桌上点了蜡烛。

菜很丰盛。还有一瓶红酒。

她穿的是结婚时我给她买的一条黑色蕾丝裙子。

"我们结婚三年了，都没在一起喝过酒。过了今晚我就走了，我们喝一次，好么？"她一边给我倒酒一边说。

"干。"我举起了杯子。

我们没有再多说什么。还能说什么呢？再多的话都改变不了明天的结局。算了，不要去想了，喝酒吃菜。最好是喝醉了，等我醒来的时候，她已经离开了。她离开，不是我一直期望的么？我不是一直讨厌这个罗嗦的臭女人么？我应该高兴啊！以后看球赛不管多晚都不会有人在我身边训斥我叫我去睡觉了，多爽啊！我不洗脚就上床也没有人嫌我脏了，多美啊！我受了她不合理的约法三章一个月了，我已经解放了啊，我没有理由不开心啊！

只是，为什么这酒喝在嘴里是苦涩的？？

"你的衣服我都整理好放在橱子里了。内衣和袜子在床下面抽屉里。你的胃不好，以后要是一定要熬夜，记得给自己搞点东西吃。冰箱里我买了一些食品，你自己要慢慢学会做饭，不要总在外面吃。吃饭也要注意营养，别总是凑合。咱们的存折我放在床头柜里了，上面还有三万多快钱。咱们家每个月的电话费、煤气、水电费都在街角的银行交，这个是卡，你收好，别到时候找不到。这个月给你父母汇的钱我也已经汇出去了。以后你要记得按时给他们汇钱，没事多打电话回家。爸妈都挺惦记你的。我今天给他们打了电话了，爸爸最近腿上的风湿有点利害，上次我们给他买的药怕是快吃完了，这个是药名和地址，你明天记得买一些寄回去。我没告诉他们我们已经离婚了，你以后有机会想好了再和他们说。

不管你爸爸说你什么，记得不要让他生气。这个是我给爸妈买的毛衣，你明天一起寄回去。"

她在一样一样交待着，我希望我自己每件都能记得，但是，又希望我什么都不要记得。我突然感觉自己很白痴。我在这个家里生活了三年，但是，现在，我却开始感到非常的陌生。我开始害怕，我不知道我一个人是否有能力生活下去。

"这个，是咱们结婚的时候，妈给我的戒指。这个是你们传家的东西，我不带走了，请向妈妈说句对不起。"一枚碧绿色的翡翠戒指在我的面前，它的光好强，让我的眼睛开始刺痛。"我带走的东西是按照我们离婚时候协商好的。"

她站了起来，四下看了看，笑了笑说，"你有什么不明白的要问吗？"

我还有什么不明白的要问呢？我什么都不知道，我只知道，在我最想她留下来的时候，她却要走了。从此，我们劳燕分飞彼此消失。她一直说我不像个男人，我一直觉得这是她对我的侮辱。我现在终于明白，我的确不是一个男人。我像一个孩子一样肆意挥霍着她给我的幸福和安定。

"要是你没有事情要问的话，我们休息吧。今晚你睡房间我睡沙发。明天一早搬家公司的人就来搬家了，我在这多住了一个月，够麻烦你了，明早你在房间里睡，可以少打搅点。"

我不知道自己到底该怎么做，只是木然地对她点了点头，走进了房间，关上了门。

我看了一夜的天花板。

清晨的阳光照了进来。

我听到敲门声。我听到搬东西声。我听到她叫工人"轻点"声。只是，我没听到自己的心跳声。

她敲了敲门，我没动。

"我走了，以后自己照顾自己。"她没有进来，隔着门，声音低低地说。

我听到了关门声。

我没有再听到任何声音。

为什么我们要离婚？为什么我们要离婚？？？

"有空记得回来玩啊。"我听到邻居的声音。

你还是不是男人？？？一个声音在我心里对我吼。

我是男人么？我不知道。

你是男人，你现在去追她回来，还来得及！！！

我翻身下床，跑到窗边对着下面喊道："等一下，先别走！"

我冲下了楼，我要做一个男人！

她站在车边，微笑地看着我，半晌，轻轻地说："谢谢你下来送我。"她的眼角有泪。

"你走了，我怎么办？"我抓住她的胳膊问她。

"我们已经离婚了。"

"我现在不要你走。我不能没有你。"我对着自己吼，对着她苦苦哀求。

"离婚是你提的。"

"我知道自己错了，求你原谅我一次，好不好？我求你了！"

"你是男人，怎么可以在这么多人面前哭？"她用手给我擦眼泪。她的手指好冷。

"只要你回来，我不要做男人！"

"我们在一起前后六年了，结婚后，你就没再关心过我，没问过我要什么，没问过我想什么。我对你说话，你觉得唠叨；我要你安心家庭，你说我生活没有情趣。你知道吗？我和你生活三年，我也很累。我是爱你，但是，你知道吗？这份爱我维持得好幸苦！"

"对不起，再给我一次机会，让我们重新来过，好不好？我错过了很多，我不想再继续错下去。你是爱我的，爱我，就不要走，好不好？"我心里好痛。为什么到最后我才说出这样的话？
"我们离婚了。你要我回来，除非你现在再次向我求婚。"她的脸上，有奇怪的神情。

"好，我求婚。我求你再次嫁给我！"我单腿跪下，向她第二次求婚。

"求婚要有玫瑰，要有戒指。你有么？"

玫瑰！戒指！！天啊，我现在到哪里找？

"我们家二丫头昨晚刚收到一束玫瑰，傻小子你快去拿。"邻居大爷冲我直叫。我想起来昨晚回家时候，那个对我羞涩微笑的脸。对啊，不是还有那个传家的翡翠戒指么？

我冲上了楼，闯进邻居家，拿了那束玫瑰就出来。我回到自己的家，可是，可是我却怎么也找不到那枚翡翠戒指！

为什么？为什么上天都要如此刁难我？戒指，你到底在哪里？？？

我在慌忙忙地四处翻着，她上了楼。在她的身后，跟着一大帮看热闹的邻居。

我一把抓住了她，将玫瑰塞进她的怀里，"我找不到戒指，求你先答应我好不好？"

她噗哧一声笑了出来，从包里拿出一个黑色的丝绒盒子。打开来，一枚闪烁温润光亮的翡翠戒指端立在那里。

"对不起，我好像多拿走一样东西。"她扑到我的怀抱里笑了起来。

• 2.整体造型

  什么是造型，造型就是创造出来的物体形象。这里是指页面的整体形象，这种形象应该是一个整体，图形与文本的接合应该是层叠有序。虽然，显示器和浏览器都是矩形，但对于页面的造型，你可以充分运用自然界中的其它形状以及它们的组合：矩形，圆形，三角形，菱形等。

  对于不同的形状，它们所代表的意义是不同的。比如矩形代表着正式，规则，你注意到很多ICP和政府网页都是以矩形为整体造型；圆形带表着柔和，团结，温暖，安全等，许多时尚站点喜欢以圆形为页面整体造型；三角形代表着力量，权威，牢固，侵略等，许多大型的商业站点为显示它的权威性常以三角形为页面整体造型；菱形代表着平衡，协调，公平，一些交友站点常运用菱形作为页面整体造型。虽然不同形状带表着不同意义，但目前的网页制作多数是接合多个图形加以设计，在这其中某种图形的构图比例可能占的多一些。

• 3.页头

  页头又可称之为页眉，页眉的作用是定义页面的主题。比如一个站点的名字多数都显示在页眉里。这样，访问者能很快知道这个站点是什么内容。页头是整个页面设计的关键，它将牵涉到下面的更多设计和整个页面的协调性。页头常放置站点名字的图片和公司标志以及旗帜广告。

• 4.文本

  文本在页面中出现都数以行或者块(段落)出现，它们的摆放位置决定者整个页面布局的可视性。在过去因为页面制作技术的局限，文本放置的位置的灵活性非常小，而随着DHTML的兴起，文本已经可以按照自己的要求放置到页面的任何位置。

• 5.页脚

  页脚和页头相呼应。页头是放置站点主题的地方，而页脚是放置制作者或者公司信息的地方。你能看到，许多制作信息都是放置在页脚的。

• 6.图片

  图片和文本是网页的两大构成元素，却一不可。如何处理好图片和文本的位置成了整个页面布局的关键。而你的布局思维也将体现在这里。

• 7.多媒体

  除了文本和图片，还有声音，动画，视频等等其它媒体。虽然它们不是经常能被利用到，但随着动态网页的兴起，它们在网页布局上也将变得更重要。