How edit

==编辑指南==
为了更加方便的编辑，也为了使内容更加易读美观，我添加了一些class，以方便在编辑的时候直接使用，更加人性化、语义化的编辑:

===表格===


# 添加了wikitable类 ，使用时直接在表格<pre class="graybg" style="display: inline; width: auto;margin: 0;padding:0;">{|</pre>后加入 <pre class="graybg" style="display: inline; width: auto; margin: 0;padding:0;" class="graybg">class="wikitable"</pre>即可得到背景为灰色，边框宽度为1px，颜色为<span style="background: #aaa">#AAA</span>的表格；
# 想得到 <pre style="display: inline; width: auto; margin: 0;padding:0; " class="graybg">加粗且背景加深</pre>的表格头，只需用 <pre style="display: inline; width: auto;margin: 0;padding:0;" class="graybg">!(需要换行)或!!(不需要换行)</pre>代替即可，例如

{| width="80%"
|width="50%"|
{| class="wikitable"
|类别一
|类别二
|-
|橘子
|苹果
|-
|面包
|饼
|-
|奶油
|冰淇凌 
|}
|width="50%"|
<pre>
{|
|类别一
|类别二
|-
|橘子
|苹果
|-
|面包
|饼
|-
|奶油
|冰淇凌 
|}
</pre>
|}
替换为

{| width="80%"
|width="50%"|
{| class="wikitable"
!类别一!!类别二
|-
|橘子
|苹果
|-
|面包
|饼
|-
|奶油
|冰淇凌 
|}
|width="50%"|
<pre>
{|
!类别一!!类别二
|-
|橘子
|苹果
|-
|面包
|饼
|-
|奶油
|冰淇凌 
|}
</pre>
|}

===颜色===
为了更加方便的编辑，使wiki代码更加干净整洁，在css中添加了常用颜色的类，使用时只需给需要颜色的位置添加class="xxxxxcolor"，需要背景颜色的位置添加class="XXXbg"即可，

PS：
# class是可以覆盖的，如：class="redcolor greencolor"将显示绿色;
# 为了美观，并没有使用原色，而是用中间色代替原色。
{|class="wikitable"
!类名!!颜色值!!类名!!颜色值
|-
|redcolor
|class="redcolor"|#b22222
|redbg
|class="redbg"|#b22222
|-
|greencolor
|class="greencolor"|#0e774a
|greenbg
|class="greenbg"|#0e774a
|-
|bluecolor
|class="bluecolor"|#0046ff
|bluebg
|class="bluebg"|#0046ff
|-
|orangecolor
|class="orangecolor"|#ff8c00
|orangebg
|class="orangebg"|#ff8c00
|-
|yellowcolor
|class="yellowcolor"|#ffd700
|yellowbg
|class="yellowbg"|#ffd700
|-
|perucolor
|class="perucolor"|#d2691e
|perubg
|class="perubg"|#d2691e
|-
|graycolor
|class="graycolor"|#c0c0c0
|grayebg
|class="graybg"|#c0c0c0
|}

参[http://zh.wikipedia.org/wiki/%E7%BD%91%E9%A1%B5%E9%A2%9C%E8%89%B2 网页颜色]