h1. TinyFramework headingTinyFramework使用灵活,可以整个使用它,也可以只用它的一个或几个部分。 |
'Open Sans' 26px Light |
h2. TinyFramework heading
TinyFramework的全局默认 |
'Open Sans' 22px Light |
h3. TinyFramework heading缩写形式我是什么.
|
'Open Sans' 18px Light |
h4. TinyFramework heading |
'Open Sans' 17px Light |
h5. TinyFramework heading |
'Open Sans' 16px Light |
h6. TinyFramework heading |
'Open Sans' 14px Bold |
<h1>h1. TinyFramework heading</h1>
<h2>h2. TinyFramework heading</h2>
<h3>h3. TinyFramework heading</h3>
<h4>h4. TinyFramework heading</h4>
<h5>h5. TinyFramework heading</h5>
<h6>h6. TinyFramework heading</h6>
h1. TinyFramework heading 一级主题 |
h2. TinyFramework heading 二级主题 |
h3. TinyFramework heading 三级主题 |
h4. TinyFramework heading 四级主题 |
h5. TinyFramework heading 五级主题 |
h6. TinyFramework heading 六级主题 |
<h1>h1. TinyFramework heading <small>一级主题</small></h1>
<h2>h2. TinyFramework heading <small>二级主题</small></h2>
<h3>h3. TinyFramework heading <small>三级主题</small></h3>
<h4>h4. TinyFramework heading <small>四级主题</small></h4>
<h5>h5. TinyFramework heading <small>五级主题</small></h5>
<h6>h6. TinyFramework heading <small>六级主题</small></h6>
绿色字体样式 .bg-color-green |
.txt-color-green |
暗绿色字体样式.bg-color-greenDark |
.txt-color-greenDark |
浅绿色字体样式.bg-color-greenLight |
.txt-color-greenLight |
紫色字体样式.bg-color-purple |
.txt-color-purple |
洋红色字体样式.bg-color-magenta |
.txt-color-magenta |
粉色字体样式.bg-color-pink |
.txt-color-pink |
暗粉色字体样式.bg-color-pinkDark |
.txt-color-pinkDark |
蓝色字体样式.bg-color-blue |
.txt-color-blue |
淡蓝色字体样式bg-color-blueLight |
.txt-color-blueLight |
暗蓝色字体样式.bg-color-blueDark |
.txt-color-blueDark |
蓝绿色字体样式.bg-color-teal |
.txt-color-teal |
黄色字体样式.bg-color-yellow |
.txt-color-yellow |
橙色字体样式.bg-color-orange |
.txt-color-orange |
暗橙色字体样式.bg-color-orangeDark |
.txt-color-orangeDark |
红色字体样式.bg-color-red |
.txt-color-red |
淡红色字体样式.bg-color-redLight |
.txt-color-redLight |
表示禁用的颜色 |
.text-muted |
表示主要的颜色 |
.text-primary |
表示成功的颜色 |
.text-success |
表示危险的颜色 |
.text-danger |
表示警告的颜色 |
.text-warning |
表示信息的颜色 |
.text-info |
<ul>
<li>...</li>
</ul>
<ol>
<li>...</li>
</ol>
<ul class="list-inline">
<li>...</li>
</ul>
在做TinyTemplate的过程中,避免不了要进行性能优化。
小字体Source Title
<blockquote>
<p>在做TinyTemplate的过程中,避免不了要进行性能优化。</p>
<small>Someone famous in <cite title="Source Title">Source Title</cite></small>
</blockquote>
<blockquote class="pull-right">
...
</blockquote>
<dl>
<dt>...</dt>
<dd>...</dd>
</dl>
<dl class="dl-horizontal">
<dt>...</dt>
<dd>...</dd>
</dl>
<address>
<strong>某某公司</strong><br>
杭州市滨江区某某路某某大厦某某号<br>
<abbr title="Phone">电话:</abbr>0571-12345678
</address>
<address>
<strong>全名</strong><br>
<a href="mailto:#">youyouranran@163.com</a>
</address>
左对齐文本。
居中对齐文本。
右对齐文本。
<p class="text-left">左对齐。</p>
<p class="text-center">居中对齐。</p>
<p class="text-right">右对齐文本。</p>
通过下面的CSS可以对文字的大小进行控制