整理收集了截止2017年12月CSDN编辑器部分自己常用的HTML编辑样式。
文章正文相关
01/ 中文正文块 SimSun
<p style="margin-top:5px;margin-bottom:5px;">
<span style="font-family:verdana,SimSun,Arial;color:#000000;font-size:13px;line-height:26px;">文章正文示例。</span>
</p>
文章正文示例，文章正文示例 Java。
文章正文示例，文章正文示例 System.out.print。
02/ 中文正文块 SFMono-Regular
<!--"SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace-->
<p style="margin-top:5px;margin-bottom:5px;">
<span style="font-family:SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier, monospace;color:#000000;font-size:13px;line-height:26px;">TODO。</span>
</p>CSDN博客编辑用html记录TODO。
03/ 英文正文块 Consolas
<p>
<span style="font-family:Consolas;color:#000000;font-size:13px;line-height:26px;"> System.out.print（“hello world”）</span>
</p>
System.out.print（“hello world”）
Cannot resolve the collation conflict between "Japanese_CI_AS" and "SQL_Latin1_General_CP1_CI_AS" in the equal to operation.
04/ 英文正文块 Trebuchet MS
<p style="margin-bottom:15px">
<span style="font-family:Trebuchet MS;color:#000000;font-size:13px">TODO。</span>
</p>
64 bit version is without "Plugin Manager"TODO。
64 bit version is without "Plugin Manager"TODO。
分布操作正文
01/ 总结point
<p style="margin-top:15px; margin-bottom:5px">
<span style="font-family:SimSun;color:#000000;font-size:13px;line-height:2.2;"><strong>(1)</strong>： 以xml视图打开报表文件(.rdl/.rdlc)</span>
</p>
<p style="margin-bottom:5px">
<span style="font-family:SimSun;color:#000000;font-size:13px;line-height:2.2;"><strong>(2)</strong>： 在Column Groups最右侧单击向下的三角号，并点击高级模式（Advanced Mode）</span>
</p>
<p style="margin-bottom:5px">
<span style="font-family:SimSun;color:#000000;font-size:13px;line-height:2.2;"><strong>(3)</strong>： 在Row Groups中单击(Static)，按快捷键"F4"显示属性窗口。</span>
</p>(1)： 以xml视图打开报表文件(.rdl/.rdlc)
(2)： 在Column Groups最右侧单击向下的三角号，并点击高级模式（Advanced Mode）
(3)： 在Row Groups中单击(Static)，按快捷键"F4"显示属性窗口。
02/ 步骤操作123
<p style="margin-left:28px">
<span style="font-family:SimSun;color:#000000;font-size:13px; line-height:2.2"><strong>1．</strong> 确认eclipse中server的运行环境是否有配置。</span><br />
<span style="font-family:SimSun;color:#000000;font-size:13px; line-height:2.2"><strong>2．</strong> 右击web工程 → Build Path → Configure build path... 。</span><br />
<span style="font-family:SimSun;color:#000000;font-size:13px; line-height:2.2"><strong>3．</strong> 切换到Java Build Path界面中的Orader and Export，勾选Tomcat。</span><br />
<span style="font-family:SimSun;color:#000000;font-size:13px; line-height:2.2"><strong>4．</strong> 右击web工程 → 属性 → Project Facets → 点击右侧tab选择Runtimes → 勾选tomcat → OK。</span>
</p>1． 确认eclipse中server的运行环境是否有配置。
2． 右击web工程 → Build Path → Configure build path... 。
3． 切换到Java Build Path界面中的Orader and Export，勾选Tomcat。
4． 右击web工程 → 属性 → Project Facets → 点击右侧tab选择Runtimes → 勾选tomcat → OK。
03/ 总结point2
<p style="margin-top:15px; margin-bottom:5px">
<span style="font-family:SimSun;color:#000000;font-size:13px;line-height:2.2;"><span style="color:#FF0000;"><strong>1. </strong></span><strong>关于私有成员变量</strong></span><br />
<span style="font-family:SimSun;color:#000000;font-size:13px;line-height:26px;margin-left:24.0px;">无论父类中的成员变量是pirvate、public、还是其它类型的，子类都会拥有（继承）父类中的这些成员变量。</span>
</p>
<p style="margin-top:15px; margin-bottom:5px">
<span style="font-family:SimSun;color:#000000;font-size:13px;line-height:2.2;"><span style="color:#FF0000;"><strong>2. </strong></span><strong>关于静态成员变量</strong></span><br />
<span style="font-family:SimSun;color:#000000;font-size:13px;line-height:26px;margin-left:24.0px;">无论父类中的成员变量是静态的、还是非静态的，子类都会拥有父类中的这些成员变量。<br />
</span>
</p>
<p style="margin-top:15px; margin-bottom:5px">
<span style="font-family:SimSun;color:#000000;font-size:13px;line-height:2.2;"><span style="color:#FF0000;"><strong>3. </strong></span><strong>关于被子类覆盖的成员变量</strong></span><br />
<span style="font-family:SimSun;color:#000000;font-size:13px;line-height:26px;margin-left:24.0px;">无论父类中的成员变量是否被子类覆盖，子类都会拥有父类中的这些成员变量。<br />
</span>
</p>1.关于私有成员变量
无论父类中的成员变量是pirvate、public、还是其它类型的，子类都会拥有（继承）父类中的这些成员变量。
2.关于静态成员变量
无论父类中的成员变量是静态的、还是非静态的，子类都会拥有父类中的这些成员变量。
3.关于被子类覆盖的成员变量
无论父类中的成员变量是否被子类覆盖，子类都会拥有父类中的这些成员变量。
标记分割线
01/ "〜〜〜〜"分割线
<p>
<span style="font-family:SimSun;font-size:13px; line-height:2.2">〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜</span>
</p>〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜
〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜
02/ 黑色实体分割线
<hr style="height:1px; border:none; border-top:1px solid #555555" />03/ 蓝色虚线分割线
<hr style="height:1px;border:none;border-top:1px dashed #0066CC;" />04/ 蓝色虚线分割线(左侧对其 部分显示)
<hr style="height:1px;border:none;border-top:1px dashed #0066CC;" align="left" width="28%" />大标题/标题块
01/ 蓝色背景块 标题
<p>
<span style="font-family:verdana,Arial,Helvetica,sans-serif;font-size:18px;color:white;font-weight:bold;line-height:1.5;padding:10px 15px;background-color:#3399FF; margin:0 0 1.1em; display:block">创建MySQL 测试表<br />
</span>
</p>创建MySQL 测试表
02/ 前 红色 小引用块
<p style="margin-top:15px; margin-bottom:10px">
<span style="font-family:Simsun;color:#000000;font-size:13px; line-height:13px; padding:5px; padding-left:10px; border-left:solid 5px #E38383!important; background-color:#FFFFE0; margin:5px 0 5px 0px; display:block">隐藏<span style="color:#990000;"><strong>页眉</strong></span>在第一页或者最后一页</span>
</p>
隐藏页眉在第一页或者最后一页
03/ 前 红色 小引用块(度底色背景)
<p style="margin-top:15px;margin-bottom:5px;">
<span style="font-family:Trebuchet MS;color:#000000;font-size:15px; line-height:15px; padding:5px; padding-left:10px; border-left:solid 5px #E38383!important; margin:5px 0 5px 0px; display:block"><strong>利用Git Bash进行第一次提交文件</strong></span>
</p>利用Git Bash进行第一次提交文件
04/ 红色加粗title：黑色字体详细
<p style="margin-top:15px; margin-bottom:10px;">
<span style="font-family:SimSun;color:#000000;font-size:13px; line-height:1.2"><span style="font-family:verdana,Arial,Helvetica,sans-serif;color:#FF0000;"><strong>问题描述</strong></span>：今天在执行创建视图操作的时候，出现了如下错误</span>
</p>问题描述：今天在执行创建视图操作的时候，出现了如下错误
代码块/引用块
01/ 粉色底色引用块
<p>
<span style="font-family:Consolas;font-size:12px;line-height:1.5;padding:10px 15px; border-left:5px solid #DCDCDC; background-color:#FFFAFA; margin:0 0 1.1em; display:block">$ git add -A<br /></span>
</p>$ git add -A
02/ 虚边线引用块 左侧灰色块
<p>
<span style="font-family:Consolas;font-size:12px;line-height:1.5;padding:10px 15px;border:#c0c0c0 1px dashed; border-left:5px solid #DCDCDC; background-color:#ffffce; margin:0 0 1.1em; display:block">$ git add -A<br />
</span>
</p> $ git add -A
02_1/ 虚边线引用块 左侧灰色块(背景灰色块)
<p style="font-family: Consolas;font-size: 12px;padding: 10px 15px;border-color: rgb(192, 192, 192) rgb(192, 192, 192) rgb(192, 192, 192) rgb(220, 220, 220);background-color: #f9f9f9;margin: 0px 0px 1.1em;line-height: 1.5;border-width: 1px 1px 1px 5px;border-style: dashed dashed dashed solid;"><b style=""><font color="#800080">/msg NickServ REGISTER </font><font color="#000000">密码 电子邮件地址</font></b></p>/msg NickServ REGISTER 密码 电子邮件地址
03/ 虚边线引用块 左侧无灰色块
<p>
<span style="font-family:Consolas;font-size:12px;line-height:1.5;padding:10px 15px;border:#c0c0c0 1px dashed;background-color:#ffffce; margin:0 0 1.1em; display:block">$ git add -A<br />
</span>
</p>$ git add -A
04/ 实线蓝色背景引用块 左侧无灰色块
<p style="margin-top:5px;margin-bottom:5px;">
<span style="font-family:Consolas;font-size:12px;color:#000000;line-height:1.5;padding:5px 10px; border-left:5px solid #DCDCDC; background-color:#f8f8ff; margin:0 0 1.1em;border:#dedede 1px solid; display:block"><span style="color:#800080;"><strong>static</strong></span> String clean(String strHTML, Whitelist whitelist)<br />
</span>
</p>static String clean(String strHTML, Whitelist whitelist)
05/ 引用块（灰色背景）
<p style="margin-top:5px; margin-bottom:5px">
<span style="font-family:SimSun;color:#000000;font-size:13px; line-height:1.5; padding:5px 10px; border-left:5px solid #DCDCDC; background-color:#F5F5F5; margin:0 0 1.1em; display:block"><strong><span style="font-size:14px;">“</span></strong><span style="color:#696969;"> 本文章部分定义和讲解来源于网络，但该部分内容被多次转载，无法追溯到原作者，无法标注最初原作者请见谅，但会注明来源网络且以下文章如出现本博主观点，均已[个人/本人观点/看法]来标注。如有错误或者遗漏请联系本作者予修正Thanks。</span><strong><span style="font-size:14px;">”</span></strong></span>
</p>
“ 本文章部分定义和讲解来源于网络，但该部分内容被多次转载，无法追溯到原作者，无法标注最初原作者请见谅，但会注明来源网络且以下文章如出现本博主观点，均已[个人/本人观点/看法]来标注。如有错误或者遗漏请联系本作者予修正Thanks。”
列表point段落配置
01/ 有点标记列表
<ul style="font-family:Trebuchet MS; font-size:13px; line-height:2.2; color:#000000;margin-left:20px;">
<li>
图标组件（Additional icons）：选择是否创建桌面快捷方式
</li>
<li>
桌面浏览（Windows Explorer integration）
<ul>
<li>
使用Git Bash方式，shell方式
</li>
<li>
受用桌面程序方式
</li>
</ul>
</li>
<li>
关联配置文件：是否关联git配置文件，该配置文件主要显示文本编辑器样式
</li>
<li>
关联shell脚本文件：是否关联Bash命令执行脚本文件
</li>
</ul>- 图标组件（Additional icons）：选择是否创建桌面快捷方式
- 桌面浏览（Windows Explorer integration）
- 使用Git Bash方式，shell方式
- 受用桌面程序方式
- 关联配置文件：是否关联git配置文件，该配置文件主要显示文本编辑器样式
- 关联shell脚本文件：是否关联Bash命令执行脚本文件
字体/颜色
01/ 字体
宋体SimSun
微软宋体 Microsoft SimSun
雅黑Yahei
微软雅黑bluetataMicrosoft Yahei
Consolas Example:"bluetata" CourierNew 1234567890
Trebuchet MS Example:"bluetata" version is without Plugin Manager 1234567890
Helvetica Example:"bluetata" version is without Plugin Manager 1234567890
ＭＳ 明朝 Example:"bluetata" 平成29年7月九州北部豪雨キャッシュレス 1234567890
MS PGothic Example:"bluetata" 平成29年7月九州北部豪雨キャッシュレス 1234567890
02/ 颜色
#993366 紫色
#ff6600 橙色
#000099 深蓝
#008000 纯绿
#000000 黑色
#800080 紫色（purple）
#993366 深紫（列表①、②、③用）
#990000 褐色（小标题）
#0000FF 纯蓝（注释 方法（））
#FF00FF 粉色（注/附加）
#3B5998 超链颜色
其他（注释/标记等）
01/ 底色高亮块 同md效果``
<span style="font-family:Consolas;background-color:#f6f6f6; border:1px solid #ddd; margin:0 2px; padding:0px 5px"> `--cd-to-home` </span>`--cd-to-home`
02/ 蓝色注解标识
<span style="color:#000099;font-size:11px;vertical-align: top;">[IBM]</span>[IBM]
03/ TODO 追记
<p>
<span style="font-family:SimSun;color:#006600;font-size:11px;line-height:2.2;"><strong>// 2016/12/01 17:05 Tata 追記 add Start</strong></span><br />
</p>// 2016/12/01 17:05 Tata 追記 add Start
04/ 文字下划线_虚线
<span style="border-bottom:2px dashed red; height:10px;width:350px">文章正文示例。</span>文章正文示例。
05/ 文字下划线_实线
<span style="border-bottom:2px double red; height:50px;width:350px">文章正文示例。</span>文章正文示例。
版权声明，footer部标记
01/ 版权声明
<br />
<p>
<span style="font-family:SimSun;line-height:2.2; font-size:13px"><strong><span style="border:1px solid #ddd; margin:0 0px; padding:0px 5px">注</span>：</strong><span style="color:#696969;">本文原创由`<strong><span style="color:#0000FF;">blue</span></strong><span style="color:#000000;"><strong>t</strong>a<strong>t</strong>a</span>`发布于blog.csdn.<span style="color:#DC143C;"><strong>net</strong></span>、转载请务必注明出处。</span></span><br />
</p>
<br />
<p align="right">
<span style="font-family:SimSun;font-size:13px; line-height:2.2"></span><span style="font-family:SimSun;"><img src="http://s11.flagcounter.com/count2/Ztk/bg_FFFFFF/txt_000000/border_CCCCCC/columns_2/maxflags_12/viewers_0/labels_0/pageviews_0/flags_0/percent_0/" alt="Flag Counter" border="0" /></span>
</p>注：本文原创由`bluetata`发布于blog.csdn.net、转载请务必注明出处。
02/ 专栏footer
<p>
<span style="font-family:SimSun; font-size:13px; line-height:2.2; color:#000000;"><span style="font-family:Arial;color:#FF6600;">●</span><strong></strong> Jsoup学习讨论QQ群：50695115</span>
</p>
<p>
<span style="font-family:SimSun;font-size:13px; line-height:2.2; color:#000000;"><span style="font-family:Arial;color:#3333FF;">●</span><strong></strong> Jsoup爬虫代码示例及博客内源码下载：<a target="_blank" href="https://github.com/bluetata/crawler-jsoup-maven"><span style="font-family:SimSun;color:#0000FF;font-size:13px">https://github.com/bluetata/crawler-jsoup-maven</span></a></span>
</p>
<p>
<span style="font-family:SimSun;font-size:13px; line-height:2.2; color:#000000;"><span style="font-family:Arial;color:#FF0000;">●</span><strong></strong> 更多Jsoup相关文章，请查阅专栏：<strong><a target="_blank" href="http://blog.csdn.net/column/details/14822.html"><span style="font-family:SimSun;color:#0000FF;font-size:13px"><u>【Jsoup in action】</u></span></a></strong></span>
</p>● Jsoup学习讨论QQ群：50695115
● Jsoup爬虫代码示例及博客内源码下载：https://github.com/bluetata/crawler-jsoup-maven
● 更多Jsoup相关文章，请查阅专栏：【Jsoup in action】
03/ 参考文献
<p>
<span style="font-family:SimSun;color:#000000;font-size:13px; line-height:2.2"><strong>参考文献</strong>：<br />
grosorg ，《64 bit version is without "Plugin Manager" (and NppExport)》 ： <a target="_blank" href="https://github.com/notepad-plus-plus/notepad-plus-plus/issues/2459">https://github.com/notepad-plus-plus/notepad-plus-plus/issues/2459</a><br />
</span>
</p>参考文献：
grosorg ，《64 bit version is without "Plugin Manager" (and NppExport)》 ： https://github.com/notepad-plus-plus/notepad-plus-plus/issues/2459
03/ 版权声明（文章头）
<p style="margin-top:5px; margin-bottom:5px">
<span style="font-family:verdana,SimSun,Arial;font-size:12px;color:#000000;line-height:26px"></span>
</p>
<p>
<span style="line-height:23px;"><span style="font-family:SimSun;font-size:11.5px;"><strong>版权所有：</strong> <span style="font-family:SimSun;font-size:11.5px;"><strong>bluetata</strong></span> </span><a href="mailto:[email protected]" style="color:rgb(54, 105, 0);"></a><span style="font-family:SimSun;color:#000080;font-size:11.5px;">[email protected]</span></span><br />
<span style="line-height:23px;"><span style="font-family:SimSun;font-size:11.5px;"><strong>本文地址：</strong> </span><a href="http://blog.csdn.net/dietime1943/article/details/78835574" style="color:rgb(54, 105, 0);"><span style="font-family:SimSun;color:#000080;font-size:11.5px;"><strong></strong>http://blog.csdn.net/dietime1943/article/details/78835574</span></a></span><br />
<span style="font-family:SimSun;font-size:11.5px;line-height:23px;"><strong>转载请注明来源/作者</strong></span>
</p>
<br />
版权所有： bluetata [email protected]
本文地址： http://blog.csdn.net/dietime1943/article/details/78835574
转载请注明来源/作者
TODO追记/文章来源出处
<p>
<span style="font-family:SimSun;color:#006600;font-size:11px;line-height:2.2;"><strong>// 2016/12/01 17:05 Tata 追記 add Start</strong></span><br />
</p>// 2016/12/01 17:05 Tata 追記 add Start
CSDN-Markdown相关
01/ 版权声明
> 本文原创由`bluetata`发布于blog.csdn.net、转载请务必注明出处。
<br>
<br>
<p align="right">
<span style="font-family:SimSun;font-size:13px; line-height:2.2"></span><span style="font-family:SimSun;"><img src="http://s11.flagcounter.com/count2/Ztk/bg_FFFFFF/txt_000000/border_CCCCCC/columns_2/maxflags_12/viewers_0/labels_0/pageviews_0/flags_0/percent_0/" alt="Flag Counter" border="0" />
</span>
</p>02/ 设置字体颜色alignment等
<span align="center"></span>
<font face="黑体">我是黑体字</font>
<font face="微软雅黑">我是微软雅黑</font>
<font face="STCAIYUN">我是华文彩云</font>
<font color=#0099ff size=7 face="黑体">color=#0099ff size=72 face="黑体"</font>
<font color=#00ffff size=72>color=#00ffff</font>
<font color=gray size=72>color=gray</font>
<font color=#990000>color=gray</font>自动识别目录
<h2 style="font-family:microsoft yahei; color:#000000; font-size:13px; line-height:26px">
目录层级1
</h2>
<hr style="height:1px; border:none; border-top:1px solid #D3D3D3" />
<h3 style="font-family:simsun; color:#000000; font-size:13px; line-height:26px; margin-top:15px">
01/目录层级1内容 SimSun1
</h3>
<h3 style="font-family:simsun; color:#000000; font-size:13px; line-height:26px; margin-top:15px">
02/目录层级1内容 SimSun2
</h3>
<h2 style="font-family:microsoft yahei; color:#000000; font-size:13px; line-height:26px">
目录层级2
</h2>
<hr style="height:1px; border:none; border-top:1px solid #D3D3D3" />
<h3 style="font-family:simsun; color:#000000; font-size:13px; line-height:26px; margin-top:15px">
01/目录层级2内容 SimSun1
</h3>
<h3 style="font-family:simsun; color:#000000; font-size:13px; line-height:26px; margin-top:15px">
02/目录层级2内容 SimSun2
</h3>
<p style="margin-top:5px; margin-bottom:5px">
</p>
<h4 style="font-family:verdana,SimSun,Arial; color:#000000; font-size:13px; line-height:26px; font-weight:normal">
<em>1</em>. 对路由器进行DNS挟持
</h4>
<p style="margin-top:5px; margin-bottom:5px">
</p>
<p style="margin-top:5px; margin-bottom:5px">
</p>
<h4 style="font-family:verdana,SimSun,Arial; color:#000000; font-size:13px; line-height:26px; font-weight:normal">
<em>2</em>. 对路由器进行DNS挟持
</h4>
<p style="margin-top:5px; margin-bottom:5px">
</p>