折叠栏 A：headBlue
在排版中，对比、对齐、留白、层次感，是最基本且最有效的四大原则。 例如，合理使用间距、 字体大小（font-size） 和行高（line-height），可以让你的排版既美观又易读！✨
折叠栏 B：headGreen
在排版中，对比、对齐、留白、层次感，是最基本且最有效的四大原则。 例如，合理使用间距、 字体大小（font-size） 和行高（line-height），可以让你的排版既美观又易读！✨
折叠栏 C：toggle
在排版中，对比、对齐、留白、层次感，是最基本且最有效的四大原则。 例如，合理使用间距、 字体大小（font-size） 和行高（line-height），可以让你的排版既美观又易读！✨
卡片：card
在排版中，对比、对齐、留白、层次感，是最基本且最有效的四大原则。 例如，合理使用间距、 字体大小（font-size） 和行高（line-height），可以让你的排版既美观又易读！✨
炫彩框：coolbox
在排版中，对比、对齐、留白、层次感，是最基本且最有效的四大原则。 例如，合理使用间距、 字体大小（font-size） 和行高（line-height），可以让你的排版既美观又易读！✨
深色区块：darkbox
在排版中，对比、对齐、留白、层次感，是最基本且最有效的四大原则。 例如，合理使用间距、 字体大小（font-size） 和行高（line-height），可以让你的排版既美观又易读！✨
炫彩边框：gradientBox
在排版中，对比、对齐、留白、层次感，是最基本且最有效的四大原则。 例如，合理使用间距、 字体大小（font-size） 和行高（line-height），可以让你的排版既美观又易读！✨
提示信息：infobox
在排版中，对比、对齐、留白、层次感，是最基本且最有效的四大原则。 例如，合理使用间距、 字体大小（font-size） 和行高（line-height），可以让你的排版既美观又易读！✨
引用：quoteZone
在排版中，对比、对齐、留白、层次感，是最基本且最有效的四大原则。 例如，合理使用间距、 字体大小（font-size） 和行高（line-height），可以让你的排版既美观又易读！✨
立体框：shadowbox
在排版中，对比、对齐、留白、层次感，是最基本且最有效的四大原则。 例如，合理使用间距、 字体大小（font-size） 和行高（line-height），可以让你的排版既美观又易读！✨
代码区：code
.divider {
border: none;
border-top: 2px solid #ddd;
margin: 20px 0;
width: 100%;
}
蓝色渐变标题：titleBlue
在排版中，对比、对齐、留白、层次感，是最基本且最有效的四大原则。 例如，合理使用间距、 字体大小（font-size） 和行高（line-height），可以让你的排版既美观又易读！✨
侧边条标题：titleLeftbar
在排版中，对比、对齐、留白、层次感，是最基本且最有效的四大原则。 例如，合理使用间距、 字体大小（font-size） 和行高（line-height），可以让你的排版既美观又易读！✨
炫彩标题：titleFancy
在排版中，对比、对齐、留白、层次感，是最基本且最有效的四大原则。 例如，合理使用间距、 字体大小（font-size） 和行高（line-height），可以让你的排版既美观又易读！✨
立体阴影标题：titleShadow
在排版中，对比、对齐、留白、层次感，是最基本且最有效的四大原则。 例如，合理使用间距、 字体大小（font-size） 和行高（line-height），可以让你的排版既美观又易读！✨
下划线标题：titleUnderline
在排版中，对比、对齐、留白、层次感，是最基本且最有效的四大原则。 例如，合理使用间距、 字体大小（font-size） 和行高（line-height），可以让你的排版既美观又易读！✨
简单标题：titleSimple
在排版中，对比、对齐、留白、层次感，是最基本且最有效的四大原则。 例如，合理使用间距、 字体大小（font-size） 和行高（line-height），可以让你的排版既美观又易读！✨
双边框标题：titleBorder
在排版中，对比、对齐、留白、层次感，是最基本且最有效的四大原则。 例如，合理使用间距、 字体大小（font-size） 和行高（line-height），可以让你的排版既美观又易读！✨
彩色文字标题：titleColor
在排版中，对比、对齐、留白、层次感，是最基本且最有效的四大原则。 例如，合理使用间距、 字体大小（font-size） 和行高（line-height），可以让你的排版既美观又易读！✨
通栏标题：titleWithbg
在排版中，对比、对齐、留白、层次感，是最基本且最有效的四大原则。 例如，合理使用间距、 字体大小（font-size） 和行高（line-height），可以让你的排版既美观又易读！✨
分隔线：divider
浅绿区：zoneBox success-light
在排版中，对比、对齐、留白、层次感，是最基本且最有效的四大原则。 例如，合理使用间距、 字体大小（font-size） 和行高（line-height），可以让你的排版既美观又易读！✨
浅蓝区：zoneBox info-light
在排版中，对比、对齐、留白、层次感，是最基本且最有效的四大原则。 例如，合理使用间距、 字体大小（font-size） 和行高（line-height），可以让你的排版既美观又易读！✨
浅黄区：zoneBox warn-light
在排版中，对比、对齐、留白、层次感，是最基本且最有效的四大原则。 例如，合理使用间距、 字体大小（font-size） 和行高（line-height），可以让你的排版既美观又易读！✨
浅红区：zoneBox error-light
在排版中，对比、对齐、留白、层次感，是最基本且最有效的四大原则。 例如，合理使用间距、 字体大小（font-size） 和行高（line-height），可以让你的排版既美观又易读！✨
高亮区：highlight
在排版中，对比、对齐、留白、层次感，是最基本且最有效的四大原则。 例如，合理使用间距、 字体大小（font-size） 和行高（line-height），可以让你的排版既美观又易读！✨
浅灰区：zoneBox
🚀💯✅💖⭐🌈🌸🌹🎉🔴🟢🔵
标签
tag it1
tag it2
tag it3
tag it4
tag it5
tag it6
tag it7
tag it8
tag it9
tag it10
按钮
文字样式
- 荧光笔标注：yellowPen
- 动态醒目：flashText