测试博客文章功能5-定义格式.统一风格.方便更换

总标题(标题1-h1)

壹级目录一(标题2-h2)

（首行缩进）正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文 正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文 正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文 正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文 正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文 正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文 正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文 正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文

壹级目录一.贰级目录A（标题3-h3）

壹级目录一.贰级目录B（标题3-h3）

壹级目录二(标题2-h2)

正文

壹级目录二.贰级目录A（标题3-h3）

正文

壹级目录二.贰级目录A.三叁级目录1（标题4-h4）

正文

壹级目录二.贰级目录A.三叁级目录2（标题4-h4）

正文

壹级目录二.贰级目录B（标题3-h3）

壹级目录二.贰级目录B.三叁级目录1（标题4-h4）

壹级目录二.贰级目录B.三叁级目录2（标题4-h4）

<link rel="stylesheet" type="text/css"
  href="https://files.cnblogs.com/files/blogs/730275/C373ZhangBF_TestBlogEditor.css" />
<div class="mydoc">
<h1>总标题(标题1-h1)</h1>
<h2>壹级目录一(标题2-h2)</h2>
<p>（首行缩进）正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文
正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文
正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文
正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文
正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文
正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文
正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文
正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文正文
</p>
<h3>壹级目录一.贰级目录A（标题3-h3）</h3>
<h3>壹级目录一.贰级目录B（标题3-h3）</h3>
<h2>壹级目录二(标题2-h2)</h2>
<p>正文</p>
<h3>壹级目录二.贰级目录A（标题3-h3）</h3>
<p>正文</p>
<h4>壹级目录二.贰级目录A.三叁级目录1（标题4-h4）</h4>
<p>正文</p>
<h4>壹级目录二.贰级目录A.三叁级目录2（标题4-h4）</h4>
<p>正文</p>
<h3>壹级目录二.贰级目录B（标题3-h3）</h3>
<h4>壹级目录二.贰级目录B.三叁级目录1（标题4-h4）</h4>
<h4>壹级目录二.贰级目录B.三叁级目录2（标题4-h4）</h4>
</div>

 

/* counter-reset: chapterH?;                 创建计数器或清零 */
/* counter-increment: chapterH?;             计数器添加1 */
/* content: "第" counter(chapterH?) "章、";  显示计数器内容 */
div.mydoc { counter-reset: chapterH1;  }
div.mydoc > h1  {    color:orange;   font-size: 24px;  text-align:center;  }
div.mydoc > h1  {    counter-reset: chapterH2;  }
div.mydoc > h2:before {  counter-increment: chapterH2;  content: "第" counter(chapterH2) "章、";   }
div.mydoc > h2  {    color:#FF0000;  font-size: 20px;    }
div.mydoc > h2  { counter-reset: chapterH3;  }
div.mydoc > h3:before {  counter-increment: chapterH3;  content: "第" counter(chapterH3) "节、";  }
div.mydoc > h3  {    color:#FF00FF;  font-size: 18px;  margin-left: 10px !important;    }
div.mydoc > h3  {    counter-reset: chapterH4;  }
div.mydoc > h4:before {  counter-increment: chapterH4;  content: "第" counter(chapterH3) "节、""第" counter(chapterH4) "条、";  }
div.mydoc > h4  {  color:#00FFFF;  font-size: 16px;  margin-left: 20px !important;  }
div.mydoc > p   {  color:#0000FF;  font-size: 14px;  margin-left: 30px !important;  text-indent: 2em !important;