测试博客文章功能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 加持,快人一步
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
· DeepSeek 开源周回顾「GitHub 热点速览」
· 记一次.NET内存居高不下排查解决与启示
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布:重大改进与新特性概览!
· .NET10 - 预览版1新功能体验(一)