标题和引线

h1. TinyFramework heading

TinyFramework使用灵活,可以整个使用它,也可以只用它的一个或几个部分。

'Open Sans' 26px Light

h2. TinyFramework heading

TinyFramework的全局默认字体大小13px,默认行高度1.428,这是最适用于<body>标签和所有段落, 另外,<p>段落允许接受行高度一半高度的高度设置。

'Open Sans' 22px Light

h3. TinyFramework heading

缩写形式我是什么.

<abbr title="我是TinyFramework">我是什么</abbr>
					

'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>
		

Text and BG color options

绿色字体样式 .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

所有字体样式列表

  • 无序列表项
  • 粗体字样
  • 斜体字样
    • 红色字体
    • 绿色字体
    • 紫色字体
  • 粗体斜体字体,并换行,如果squized
  • 很小的字体
<ul>
	  <li>...</li>
	</ul>
	
  1. 排序的列表条目
  2. 排序的列表条目
  3. 排序的列表条目(字体为粗体)
    • 带有图标的无样式列表
    • 带有图标的,且有样式的列表
    • 带有个性化图标,但无样式的列表
  4. 粗体斜体字体,并换行,如果squized
  5. 这是标签
<ol>
	  <li>...</li>
	</ol>
	
  • 内联列表条目 #1
  • 内联列表条目 #2
  • 内联列表条目 #3
<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>
	

在做TinyTemplate的过程中,避免不了要进行性能优化。

小字体Source Title
<blockquote class="pull-right">
	  ...
	</blockquote>
	

描述性列表

描述性列表
对定义的条目进行一段描述,是非常棒的做法。
TinyTemplate(Velocity Plus版)即将火热推出
引用来自“Dead_knight”的评论支持~喜欢httl的飘过~httl使用强类型,效率比tinytemplate高一些。 呵呵,如果不用考虑IO,大约效率是TinyTemplate的二倍 如果考虑IO,速度都会被IO拉下来,偏差就没有那么大了。
Tiny实例:TINY框架官网制作过程详解
引用来自“悠悠然然”的评论 引用来自“开源码农”的评论 官网是不是用的国外的主机?不是 引用来自“开源码农”的评论官网好霸气谢谢,做了两天,实际上扣掉做别的事情的时候,只做了一天还非常简陋,谢谢夸奖。
<dl>
	  <dt>...</dt>
	  <dd>...</dd>
	</dl>
	
Tiny实例:TINY框架官网制作过程详解
引用来自“开源码农”的评论 官网是不是用的国外的主机?
JS、CSS合并带来的效率提升
引用来自“小白小霸王”的评论ispriter 合并图片,合并css. uglifyjs2 合并js. 正在使用中.... ispriter是非常不错的。 我们和他的思路有点不一样,可以这样类比:如果把ispriter比成ant.
悠然乱弹:我的架构观 。
引用来自“vb2005xu”的评论框架是不是还需要个定位,比如适配度上,貌似当前所有的框架都是高大上,都是神器,什么都可以,我觉得框架一开始就可以有个自己的定位
Tiny服务的开发配套的工具来了。
使用TinySpider实战抓取自己博客中的内容
第一步 写个类 第二步 切换到服务管理Tab页 第三步 在要发布成服务的方法前面点个“√”,这个时候会再出一个Tab页,对应要发布成服务的方法,点击sayHelloWorldTab页进入第三步。
<dl class="dl-horizontal">
	  <dt>...</dt>
	  <dd>...</dd>
	</dl>
	

地址

某某公司
杭州市滨江区某某路某某大厦某某号
电话:0571-12345678
全名
youyouranran@163.com
<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可以对文字的大小进行控制

    .font-xl .font-lg .font-md .font-sm .font-xs