测试博客文章功能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;  
复制代码

 

 

posted @   步峰  阅读(12)  评论(0编辑  收藏  举报
编辑推荐:
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
阅读排行:
· DeepSeek 开源周回顾「GitHub 热点速览」
· 记一次.NET内存居高不下排查解决与启示
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布:重大改进与新特性概览!
· .NET10 - 预览版1新功能体验(一)
点击右上角即可分享
微信分享提示