Ting Web UI

简洁、直观、强悍、跨浏览器的前端开发框架,让web开发更迅速、简单。

排版

标题

HTML 中的所有标题标签,<h1><h6> 均可使用。另外,还提供了 .h1.h6 类,为的是给内联(inline)属性的文本赋予标题的样式。

在标题内还可以包含 <small> 标签或赋予 .small 类的元素,可以用来标记副标题。

我是1级标题 我是标题后的小字

我是2级标题 我是标题后的小字

我是3级标题 我是标题后的小字

我是4级标题 我是标题后的小字

我是5级标题 我是标题后的小字
我是6级标题 我是标题后的小字

段落

这几天心里颇不宁静。今晚在院子里坐着乘凉,忽然想起日日走过的荷塘,在这满月的光里,总该另有一番样子吧。月亮渐渐地升高了,墙外马路上孩子们的欢笑,已经听不见了;妻在屋里拍着闰儿,迷迷糊糊地哼着眠歌。我悄悄地披了大衫,带上门出去。

分隔线


缩略语

HTML is the best thing since sliced bread.

键盘文本

ctrl+v可以复制。

引用

好好学习,天天向上。

——毛泽东

代码块

alert(1)

列表

无序列表

有序列表

  1. Lorem ipsum dolor sit amet
  2. Consectetur adipiscing elit
  3. Integer molestie lorem at massa
  4. Faucibus porta lacus fringilla vel
  5. Aenean sit amet erat nunc

无样式列表

内联列表

通过设置 display: inline-block; 并添加少量的内补(padding),将所有元素放置于同一行。

描述

使用dldtdd的列表

Description lists
A description list is perfect for defining terms.
Euismod
Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit.
Donec id elit non mi porta gravida at eget metus.
Malesuada porta
Etiam porta sem malesuada magna mollis euismod.