垃圾邮件已日趋成为严重的社会问题，无情地吞噬现代人宝贵的时间，造成大量的社会资源浪费。目前针对垃圾邮件还没有更理想的对策，一般利用反垃圾邮件软件，通过过滤器拦截的方法，可以自动删除一部分垃圾邮件。

实际上，Gmail的用户利用符号「.」或「+」变换用户名的方法可过滤垃圾邮件。符号「.」可加在用户名内的任意位置，符号「+」加在用户名后面可追加任意半角英数字。

例如：

您的电子邮件地址是 username@gmail.com
您还可利用以下电子邮件地址接收邮件。
username@gmail.com　→　user.name@gmail.com
username@gmail.com　→　username+any@gmail.com

这样的话，利用Gmail过滤器功能可以根据收件人进行不同的处理。例如：在符号「+」的后面加上试用服务商的名称，当不想接收该服务商的邮件时，可将此电子邮件地址设为垃圾邮件自动删除；在符号「+」的后面加上朋友的名字，收到来信后可自动为其加注星标或自动转发给其他朋友。

密码管理已成为现代人十分头疼的问题，银行密码，信用卡密码，网站密码，邮箱密码…处处需要密码识别。在这样一个密码泛滥的时代，如何更有效地管理密码呢？

首先，密码至少需要满足两个条件，第一要便于自己记忆，第二他人难以推测。随着密码的增多，要记住大量的密码，不如记住一个规则，也就是说，用制定好的规则生成大量便于记忆的密码。规则相当于一个函数公式，我们需要固定一个变量去求另一个变量，固定的变量可采用名称，登录年，网址等不易改变的信息。

例如，制定如下规则：（固定密码假定为 password ）

名称的拼音字母前两位 + 固定密码 + 名称的拼音字母后两位

那么，hotmail 的密码可设定为：hopasswordil ；gmail 的密码可设定为：gmpasswordil 。

规则可随意设定，也可设定条件变量，比如，名称的拼音字母数为奇数时如何设定，偶数时如何设定，从而增加密码的推测难度。

作为中文的书写习惯，文章的段落开头要空两格，主要是表明新段落的开始，便于读者阅读。而网络上的文章大多采用段落之间空一行的形式，并且逐渐形成了默认的标准。

其原因或许是 HTML 语言对空格的处理方式而造成的。目前，表示连续半角空格的方法，基本上采用实体参照码”   “来解决，不过，对于段落开头的空格推荐用 CSS 加以修饰，因为这样可以减少多余的重复代码。

方法十分简单，只要对 P 标签 指定 text-indent: 2em 即可解决，text-indent 用来指定段落首行的缩进距离，这里用相对单位 em 表示缩进的距离，2em 即表示现在设定字体大小的两倍。

代码例：

<style type="text/css">
p {text-indent: 2em;}
</style>

在网页内用点击链接的形式可以直接发送邮件，点击后会自动启动默认的电子邮件程序。其实，在代码 mailto: 的后面还可以更详细地指定抄送栏 CC 暗送栏 BCC 邮件的正文 Body 等信息。具体如下：

说明：

1. 两个以上邮件地址之间要用半角逗号” , “隔开。
2. 多个参数并用时，第一个参数用半角问号” ? “隔开，其他参数之间用半角符号” & “隔开。
3. 邮件的正文内容中换行用” %0D%0A “表示。

代码例：

<a href="mailto:info@www.your-domain.com?subject=TITLE&cc=webmaster@www.your-domain.com&bcc=one@www.your-domain.com,two@www.your-domain.com,three@www.your-domain.com&body=Hello!%0D%0AThis is your-domain.com.">info@www.your-domain.com</a>

通常我们会需要某一数字范围内的资料，例如：1949年到1999年的数据，100元到200元之间的商品，18页到28页的文章内容，等等。

利用 Google 的”数字范围指定检索”功能，可以让我们提高检索结果的精确度，减少检索时间。

使用方法是，在表示范围的两数字之间加两点“..”，关键词之间用半角空格隔开。

例如：
电脑 ￥5000..￥10000 元
面积 70..100 平米
重量 30..80 吨
长 10..50 米
中国共产党 1949..1978 年

CSS样式表的编写复杂繁琐,先后顺序没有固定的规格,尤其是多人共同制作时,由于各自的喜好,属性的排列顺序各不相同,为检验工序增加负担,从而降低工作效率。

W3C对CSS属性编写顺序没有特定的要求,完全可自行定制,以下是按照W3C推荐的《CSS2规格说明书》所制定的顺序,仅供参考。

1. margin-top
2. margin-right
3. margin-bottom
4. margin-left
5. margin
6. padding-top
7. padding-right
8. padding-bottom
9. padding-left
10. padding
11. border-top-width
12. border-right-width
13. border-bottom-width
14. border-left-width
15. border-width
16. border-top-color
17. border-right-color
18. border-bottom-color
19. border-left-color
20. border-color
21. border-top-style
22. border-right-style
23. border-bottom-style
24. border-left-style
25. border-style
26. border-top
27. border-bottom
28. border-right
29. border-left
30. border
31. display
32. position
33. top
34. right
35. bottom
36. left
37. float
38. clear
39. z-index
40. direction
41. unicode-bidi
42. width
43. min-width
44. max-width
45. height
46. min-height
47. max-height
48. line-height
49. vertical-align
50. overflow
51. clip
52. visibility
53. content
54. compact
55. run-in
56. quotes
57. marker-offset
58. list-style-type
59. list-style-image
60. list-style-position
61. list-style
62. size
63. marks
64. page-break-before
65. page-break-after
66. page-break-inside
67. page
68. orphans
69. widows
70. color
71. background-color
72. background-image
73. background-repeat
74. background-attachment
75. background-position
76. background
77. font-family
78. font-style
79. font-variant
80. font-weight
81. font-stretch
82. font-size
83. font-size-adjust
84. font
85. text-indent
86. text-align
87. text-decoration
88. text-shadow
89. letter-spacing
90. word-spacing
91. text-transform
92. white-space
93. table-layout
94. empty-cells
95. speak-header
96. cursor
97. outline
98. volume
99. speak
100. pause-before
101. pause-after
102. pause
103. cue-before
104. cue-after
105. cue
106. play-during
107. azimuth
108. elevation
109. speech-rate
110. voice-family
111. pitch
112. pitch-range
113. stress
114. richness
115. speak-punctuation
116. speak-numeral