使用方法

需要排版的地方,在其父级元素添加 .typo  即可。当只想用单独一个元素,或者让其显示和某个元素一样效果的时候,可以使用 .typo-TAGNAME 如 div.typo-small 可以获得 .typo small 一样的效果


段落中英混排 / Text-level semantics

戲分漸樹不認許了際筆願前一風遠公師再實調致興家事在的,語笑油的,女幾到善師字何……教上些品、你全頭?來經未由看著會當裡。 方有現國便散;法構許事這的第,們見了調晚在坡?個雨命我常此座看兒高治父利來工利在要外女岸要想?業期在平馬下本方別們立不院生讀試會民接前手媽;說並言不成盡意覺角拿了多?

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et m. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et m. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et m.

Address: somewhere, world

标题 / Heading 1

标题 Heading 2

标题 Heading 3

标题 Heading 4

标题 Heading 5
标题 Heading 6

行内元素 / Inline Elements

印子陽放沒王候過然!a element 是不是一一現遊策 sup 那子成展不天 abbr element with title  政物聯兒腦求從 mark element 速不又紅南見會法取絕 del element 不建有成險sub 已在家 u element 明只各達學起 strong element 時式房事建後從,b element 區運家……你且區密作報不了草 cite element 許媽灣北;code element 開大設春種家題須來八等便治中字國感非,em element 美生生根,電色濟:i element 朋和希身年持論物道高有道道來花病是班高化。


嵌入媒介 / Embedded Content

1. audio

2. img

3. svg

4. video


区块 / Grouping content

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et m.

1. pre

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et me.

2. blockquote

Some sort of famous witty quote marked up with a > blockquote 和 a child

Even better philosophical quote marked up with just a > blockquote element.

3. ordered list

  1. list item 1
  2. list item 1
    1. list item 2
    2. list item 2
      1. list item 3
      2. list item 3
    3. list item 2
    4. list item 2
  3. list item 1
  4. list item 1

4. unordered list

5. Define list

Description name
Description value

6. figure

Figcaption content

表格 / Tabular data

Jimi Hendrix - albums
Album Year Price
Album Year Price
Are You Experienced 1967 $10.00
Axis: Bold as Love 1967 $12.00
Electric Ladyl和 1968 $10.00
B和 of Gypsys 1970 $12.00

表单 / Forms

legend of form

 


小工具 / Utilities

1. 清理浮动

.clearfix

2. 强制换行

.textwrap /* 在 table 中使用 .textwrap-table */

3. 左右浮动

.pull-right / .pull-left

4. 脱离 .typo 单独使用

.typo-TAGNAME /* 比较 .typo-small */