测试博客文章功能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;
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· winform 绘制太阳,地球,月球 运作规律
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· AI 智能体引爆开源社区「GitHub 热点速览」
· Manus的开源复刻OpenManus初探
· 写一个简单的SQL生成工具