这是一篇示范本网站格式规则及其使用场合的示例文章。
标题样式
除了H6之外，其它Heading都设了padding-top：30px，padding-bottom: 10px，但侧栏使用的H3、4、5除外。很奇葩在这里设上下margin是不起作用的，左右margin是有用的，不懂为何。
感觉原设的Heading字号稍微小了点，重新设了前5个，分别为：H1-36px，H2-30px，H3-26px，H4-22px，H5-20px。6不变。我也不知道6能用在什么场合，从没用过。H5在ink里默认是不加粗的标题，感觉可以用在类似论文结构的最低一级标题里，表现和正文完全一样，但性质是标题。
ink主题的正文文字大小为20px。
H1标题 都市绿地的心理学
H2标题 浅析上海凯桥绿地设计
以上两个大标题如果是做为标题，一般用于论文有前言的场合，前言结束后分隔线，然后H1主标题，H2副标题。
H3标题 选址与边沿设计
以上三个大标题都是上padding为30，下padding为15。
H4标题 多变的进入空间
H5标题 细腻的细节处理
以上两个小标题都是上padding为15，下padding为0。
H6标题 不知道哪里能用上
一般用在文章里的小标题都用H3，除非特殊需要，可用H2，不用H1，正文中需要特别强调时倒是可以用H1。
H3标题 .hb特殊强调类
再加了一个.hb类，黑底白字的特殊强调类，用于特别强调或者想打破节奏的特殊标题。
H2标题 .hb特殊强调类
因为有底色，所以padding重新设为上下0左右10，边距依靠margin设，上61下40，不知为何margin要这样设置才能和前面的padding30-15等距。而且必须加上!important。注意相邻元素的margin是可以互相侵入的，所以这个标题上下如果使用了设有margin的元素，可能要单独重设margin。
玛丽·雪莱 (h3)
Mary Wollstonecraft Shelley 1797－1851 （h4)
再加了一个.hs类，用于紧跟主标题的副标题，因为主标题都有15的下padding，副标题要紧跟大标题，所以设了上margin为-75（要到-75才能差不多抵消掉padding的15，也不知道它具体是怎么换算距离的），下padding延用30，字号不设，字重和大小写变形都和正文一样。这个可用的场合还挺多的。
非机动车早、晚高峰流量分布 (h5，h4也可)
再加了一个.hn类，用于紧贴正文段落前的小标题，因为h元素即使下padding为0，也和正文之间有一个正常的段间距，有时不需要这个段间距，所以要设下margin为-85（要到-80才能差不多抵消掉普通段间距）。这个可用的场合还挺多的。
文字样式
这是一段普通文字段落，使用单纯的p标签。这是“class=rose”，热粉高亮类，站点主feature色彩，用在最强高亮上。但要注意它和超链接自动色相同，所以当一篇文章里同时有多处超链接时要慎用。这是“class=sky”，天蓝高亮类，用在一般高亮上。可以在p标签，span标签或者别的元素标签里使用。
以上两2种彩色高亮类是全站使用最多的。接下来是2个较少使用但可能次数也不太少的，用在根据需要配色的场合：这是“class=tiffany”，青色也叫蒂芙尼高亮类，用在需要特殊配色的场合。这是“class=gold”，金色高亮类，也用在需要特殊配色的场合，这其实不是最贴切的金色，因为白底，最贴切的金色看不清，这是我比较喜欢的偏冷偏暗的金色，可以叫它哑金色。
再然后是3种常用标准色红绿紫的统一代表色，这3种使用次数可能也不会很少，有些文章会需要配色，而因为我选用的代表色并非对应标准色名red、green、purple，所以需要统一一下：红色高亮“class=red”，采用自定义#dc1414；绿色高亮“class=green”，采用自定义#3ea828，紫色高亮“class=violet”，采用标准色里的蓝蓝紫blueviolet。
暂时先设这7种彩色高亮类，感觉平时够用了吧。其实差不多就是彩虹7色每个色彩一个代表，其中橙色和黄色因为总体较浅不太适合白背景，因此合并一起用金色做代表，而热粉是我站点主feature色，多出这个颜色，所以就还是7色。
剩下一些个别次数使用的颜色就在style里另设了，直接写颜色名字，字色和背景色都可以另设。以下是几个比较有代表性的我喜欢的颜色：
红粉色系：firebrick暗红，不选默认的正红色red因为它有点浮躁，其实猩红crimson很好看，就是色相上稍偏蓝了一点，所以自定义的红色高亮是用它为基础往正红调的。lightpink浅粉，奇葩的是默认的pink反而比浅粉更浅，粉色系还有接近中粉色的浅紫红violet，较深的骚气的洋红fuchsia，还有深粉deeppink，这个和我自定义的热粉高亮几乎一样，只是偏蓝一点点，就不要用了，还有标准色的热粉hotpink，反而不够热，觉得有点淡不给力，但这个颜色可以和自定义热粉高亮配合使用，色相几乎一样，浅了一层。还有偏黄的粉色珊瑚色也有叫西瓜红的lightcoral，更黄一点的粉色三文鱼色salmon，这两者几乎没区别，后者稍微黄一点。
红粉色系又加了一个粉色高亮类，因为发现粉色用的几率会比较高，时而需要和热粉高亮搭配用，但现有的pink和lightpink相对太浅了，就再设了一个粉色高亮类“class=pink”，采用自定义#ff99a8，和热粉高亮同色相但较浅，比pink和lightpink深，用在白底上正好。所以现在就有8个彩色高亮类。
绿色系：深绿green，森绿forestgreen，这两者几乎一样，后者比前者略亮，中绿LimeGreen，青翠草绿yellowgreen，橄榄色olive。
蓝青色系：道奇蓝dodgerblue比较雅、偏灰的钢蓝steelblue、深青teal，中青DarkTurquoise，浅海青LightSeaGreen，这两个尤其是后者非常接近我自定义的蒂芙尼蓝高亮，慎用。
紫色系：默认的purple正紫色我一直不是太喜欢，觉得不如紫色高亮接近我心目中美丽的紫色，如果要更深更偏蓝的紫可以用rebeccapurple，这个名字挺有趣，更浅的紫可以用中紫MediumPurple，这个反而没有purple那种偏洋红的味道了，有点粉紫味，比较雅，深蓝紫darkviolet很接近我的自定义紫色高亮，只是稍微偏洋红一点，慎用。
最后还有黑底高亮类“class=night”，黑底背景，默认字色是米白色FloralWhite。应用例子：黑底真金色gold，黑底哑金色，前者是night类与style的color:gold合用，后者是night和gold两个类合用（彩色类一定要写在后面），两者区别挺明显，衬了黑底就还是真金色好看了。
灰色高亮类“class=grey”，这个也不能叫高亮了，应该叫低亮了，就是把经常使用的灰色统一用#999，基本都用在备注啊小字啊这类想要比正文更不起眼一点的地方。
本段采用了另设的一个统一手写类.handwriting，写为class=”handwriting”。字体为cursive，中文暂定为kaiti，看以后能否找到更好的中文手写体，字重inherit，字色暂定steelblue仿蓝墨水。cursive字体在手机界面上看是非常漂亮的古典手写体，电脑界面则是可爱拙朴型。
默认色去这个网页：按HEX值排序的命名颜色现找，有148种。
总结文字样式目前共有10种色彩类和1种风格类：
热粉高亮即全站feature色 class=”rose”
天蓝高亮即全站第二色 class=”sky”
蒂芙尼高亮 class=”tiffany”
哑金高亮 class=”gold”
红色高亮 class=”red”
绿色高亮 class=”green”
紫色高亮 class=”violet”
粉色高亮 class=”pink”
灰色低亮 class=”grey”
黑底高亮 class=”night”
手写风格 class=”handwriting”
分隔线样式
以下三种分隔线是ink主题设置的三个样式，依次为：默认短线式、中线式、三点式，除了最后一种之外当中都有小旗子，具体写法如下：
class=”wp-block-separator has-alpha-channel-opacity is-style-default”
class=”wp-block-separator has-alpha-channel-opacity is-style-wide”
class=”wp-block-separator has-alpha-channel-opacity is-style-dots”
以下另有五种分隔线，应该是wp自带的样式，依次为：粗线、双线、虚线、点线、普通细线，除了最后一条是和上面的第二种一样长度的中长线，其它都是全长线。我自定义css里调过了最后的普通细线样式。具体写法如下：
class=”stag-divider stag-divider–strong”
class=”stag-divider stag-divider–double”
class=”stag-divider stag-divider–dashed”
class=”stag-divider stag-divider–dotted”
class=”stag-divider stag-divider–plain”
双线比较奇葩，电脑上看不出双线，移动端可以看出是一粗一细的双线，尽量不用它。
下面这是又一种形式的分隔线，不用hr标签而用div实现，可以用上更丰富的图像和色彩了。默认值为20大小的原点5个，浅灰色，类别.divider-dot，写法：<div class="divider-dot"> </div>。
与.divider-blue合用后变浅蓝色：class=”divider-dot divider-blue”。
与.divider-pink合用后变浅粉色，并在style设height为15：class=”divider-dot divider-pink” style=”height: 15px;”。
与.divider-gold合用后变金色，并在style设height为10：class=””divider-dot divider-gold” style=”height: 10px;”。
这是用浅粉心形背景图代替了圆点的分割线，默认值为全宽150，图片宽50重复排列3次：class=”divider-heart”
蛮好看的！
篇内分页样式
以下为篇内需要分多页时，在分页符!--nextpage--之前出现的内容：两个手动页码链接，页码链接手动居中显示align=center，应用.pagelink类，写为 class=”pagelink”，超链接原则为：第一页设为..，第二页设为../2/，以此类推。这和页面上方自动生成的分页符不同，页面上方是所有页面： 1 ， 2 ， 3 ，下方只有上页 下页。
在分页符之前的最后一段，为了和下方分页符拉开距离，在style里单独加上padding-bottom: 80px;。本来想用空行，但空行不稳定，时常在修改后被吃掉，所以用padding控制，margin不起作用。分页符之后的内容将在翻页后看到——
· 下页 ·