WordPress 是全球最多人使用的内容管理系统（Content Management System; CMS），内建布景主体（Themes）的阶层式样式表（Cascading Style Sheets; CSS）快速编辑机制，让用户自由变更布景主题的外观呈现方式，让网站设计更具备个人特质。

然而许多网站设计者经常会遇到一个测试困扰，在后台编辑「自订 CSS 内容」时，由于一次只能显示单一篇文章，无法完整观测到所有排版支持功能的即时变化，往往想改变一个区块（例如标题、清单）的参数细节，就得慢慢找到有使用该种类区块的文章，有时会浪费一些时间。

为此，下面范本将整理出大多数人较容易用到排版样式的设计内容，一方面是方便我们鹰眼观察网工程师自己使用，另一方面也提供有需要的站长与部落客们可以直接劳心劳力刻苦学习使用。[没有一][也没有二][也没有三][更没有四]

CSS 变化范本

标题阶层一 Title H1 Heading Tags

标题阶层二 Title H2 Heading Tags

标题阶层三 Title H3 Heading Tags

标题阶层四 Title H4 Heading Tags

标题阶层五 Title H5 Heading Tags

标题阶层六 Title H6 Heading Tags

• 不排序清单（圆点）。
• 不排序清单（圆点）。

不排序清单子阶层（圆点）。

不排序清单（圆点）。

1. 排序清单子阶层（编号）。

2. 排序清单（编号）。

3. 排序清单（编号）。

排序清单子阶层（编号）。

排序清单（编号）。

• 不排序清单子阶层（圆点）。

To explore, to feel, the real and unique world.（去探索，去感受，这个真实和独特的世界。）

鹰眼观察 Vedfolnir.com

#Programe CODE 代码 printf(“Hello World”)

标题区段一标题区段二表格内容 1-1表格内容 1-2表格内容 2-1表格内容 2-2结尾标签一结尾标签二标格区块

诗句：一片两片三四片，五片六片七八片，九片十片十一片，飞入草丛都不见。

重要引述标题

摘要式的引文内容，ABCDEFGHIJKLMNOPQRSTUVWXYZ-1234567890-ABCDEFGHIJKLMNOPQRSTUVWXYZ-1234567890-ABCDEFGHIJKLMNOPQRSTUVWXYZ-1234567890-ABCDEFGHIJKLMNOPQRSTUVWXYZ-1234567890-ABCDEFGHIJKLMNOPQRSTUVWXYZ-1234567890。

鹰眼观察 Logo 图片

按钮一

按钮二

封面

栏位（左）+引文

栏位（右）+图片

本文结束