H!标题


.m-ht 添加装饰线

h1. 文本标题 副标题 - 36px

h2. 文本标题 副标题 - 30px

h3. 文本标题 副标题 - 24px

h4. 文本标题 副标题 - 18px

h5. 文本标题 副标题 - 14px
h6. 文本标题 副标题 - 12px
html
<h1 class="m-ht">h1. 文本标题 <small>副标题 - 36px</small></h1>
<h2 class="m-ht">h2. 文本标题 <small>副标题 - 30px</small></h2>
<h3 class="m-ht">h3. 文本标题 <small>副标题 - 24px</small></h3>
<h4 class="m-ht">h4. 文本标题 <small>副标题 - 18px</small></h4>
<h5 class="m-ht">h5. 文本标题 <small>副标题 - 14px</small></h5>
<h6 class="m-ht">h6. 文本标题 <small>副标题 - 12px</small></h6>
						

.m-ht .out 装饰外置

h1. 文本标题 副标题 - 36px

h2. 文本标题 副标题 - 30px

h3. 文本标题 副标题 - 24px

h4. 文本标题 副标题 - 18px

h5. 文本标题 副标题 - 14px
h6. 文本标题 副标题 - 12px
html
<h1 class="m-ht out">h1. 文本标题 <small>副标题 - 36px</small></h1>
<h2 class="m-ht out">h2. 文本标题 <small>副标题 - 30px</small></h2>
<h3 class="m-ht out">h3. 文本标题 <small>副标题 - 24px</small></h3>
<h4 class="m-ht out">h4. 文本标题 <small>副标题 - 18px</small></h4>
<h5 class="m-ht out">h5. 文本标题 <small>副标题 - 14px</small></h5>
<h6 class="m-ht out">h6. 文本标题 <small>副标题 - 12px</small></h6>
						

情景颜色

h2. 文本标题 未指定的原始色

h2. 文本标题 .default

h2. 文本标题 .primary

h2. 文本标题 .success

h2. 文本标题 .info

h2. 文本标题 .warning

h2. 文本标题 .danger

html
<h2 class="m-ht">h2. 文本标题 <small>未指定的原始色</small></h2>
<h2 class="m-ht default">h2. 文本标题 <small>.default</small></h2>
<h2 class="m-ht primary">h2. 文本标题 <small>.primary</small></h2>
<h2 class="m-ht success">h2. 文本标题 <small>.success</small></h2>
<h2 class="m-ht info">h2. 文本标题 <small>.info</small></h2>
<h2 class="m-ht warning">h2. 文本标题 <small>.warning</small></h2>
<h2 class="m-ht danger">h2. 文本标题 <small>.danger</small></h2>
						

样式类标题.h1~.h6


应用到其他标签的效果 需要能设置边框的元素, a, span被显示为inline-block

DIV标题
DIV标题 samp标题 span标题
DIV标题 small标题
超级链接
    ul
  • li
  • li
html
<div class="m-ht">DIV标题</div>
<div class="m-ht danger">DIV标题 <samp class="m-ht">samp标题</samp> <span class="m-ht">span标题</span></div>
<div class="m-ht default">DIV标题 <small class="m-ht">small标题</small></div>
<a class="m-ht danger" href="javascript:void(0);">超级链接</a>
<ul class="m-ht">ul
	<li class="m-ht">li</li>
	<li class="m-ht">li</li>
</ul>
						

追加.h1~.h6 标题样式

h1. 文本标题 副标题 - 36px

h2. 文本标题 副标题 - 30px

h3. 文本标题 副标题 - 24px

h4. 文本标题 副标题 - 18px

h5. 文本标题 副标题 - 14px

h6. 文本标题 副标题 - 12px

html
<p><span class="h1 m-ht">h1. 文本标题 <small>副标题 - 36px</small></span></p>
<p><span class="h2 m-ht">h2. 文本标题 <small>副标题 - 30px</small></span></p>
<p><span class="h3 m-ht">h3. 文本标题 <small>副标题 - 24px</small></span></p>
<p><span class="h4 m-ht">h4. 文本标题 <small>副标题 - 18px</small></span></p>
<p><span class="h5 m-ht">h5. 文本标题 <small>副标题 - 14px</small></span></p>
<p><span class="h6 m-ht">h6. 文本标题 <small>副标题 - 12px</small></span></p>