测试博客文章功能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 @   步峰  阅读(13)  评论(0编辑  收藏  举报
编辑推荐:
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
阅读排行:
· winform 绘制太阳,地球,月球 运作规律
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· AI 智能体引爆开源社区「GitHub 热点速览」
· Manus的开源复刻OpenManus初探
· 写一个简单的SQL生成工具
点击右上角即可分享
微信分享提示