H1. 标题一

H2. 标题二

H3. 标题三

H4. 标题四

H5. 标题五
H6. 标题六

所有HTML标题, <h1><h6>都是可用的。

导航

使用navigation-text类名来创建导航<a class="navigation-text" />

链接

body-text和默认段落

  1. <p>...</p>
  2. <div class="body-text">...</div>

W3CPLUS是一个前端爱好者的家园,W3CPLUS努力打造最优秀的web 前端学习的站点。W3CPLUS力求原创,以一起学习,一起进步,共同分享为原则。W3CPLUS站提供了有关于css,css3,html,html5,jQuery,手机移动端的技术文档、DEMO、资源,与前端爱好者一起共勉。

body-secondary-text

  1. <p class="body-secondary-text">...</p>

W3CPLUS是一个前端爱好者的家园,W3CPLUS努力打造最优秀的web 前端学习的站点。W3CPLUS力求原创,以一起学习,一起进步,共同分享为原则。W3CPLUS站提供了有关于css,css3,html,html5,jQuery,手机移动端的技术文档、DEMO、资源,与前端爱好者一起共勉。

long-text

使用这个类来显示大量的文本,比如书籍或杂志的内容。
  1. <p class="long-text">...</p>

W3CPLUS是一个前端爱好者的家园,W3CPLUS努力打造最优秀的web 前端学习的站点。W3CPLUS力求原创,以一起学习,一起进步,共同分享为原则。W3CPLUS站提供了有关于css,css3,html,html5,jQuery,手机移动端的技术文档、DEMO、资源,与前端爱好者一起共勉。W3CPLUS是一个前端爱好者的家园,W3CPLUS努力打造最优秀的web 前端学习的站点。W3CPLUS力求原创,以一起学习,一起进步,共同分享为原则。W3CPLUS站提供了有关于css,css3,html,html5,jQuery,手机移动端的技术文档、DEMO、资源,与前端爱好者一起共勉。

段落使用.indent类名

  1. <p class="indent">...</p>

W3CPLUS是一个前端爱好者的家园,W3CPLUS努力打造最优秀的web 前端学习的站点。W3CPLUS力求原创,以一起学习,一起进步,共同分享为原则。W3CPLUS站提供了有关于css,css3,html,html5,jQuery,手机移动端的技术文档、DEMO、资源,与前端爱好者一起共勉。

W3CPLUS是一个前端爱好者的家园,W3CPLUS努力打造最优秀的web 前端学习的站点。W3CPLUS力求原创,以一起学习,一起进步,共同分享为原则。W3CPLUS站提供了有关于css,css3,html,html5,jQuery,手机移动端的技术文档、DEMO、资源,与前端爱好者一起共勉。

tertiary-text

  1. <p class="tertiary-text">...</p>

W3CPLUS是一个前端爱好者的家园,W3CPLUS努力打造最优秀的web 前端学习的站点。W3CPLUS力求原创,以一起学习,一起进步,共同分享为原则。W3CPLUS站提供了有关于css,css3,html,html5,jQuery,手机移动端的技术文档、DEMO、资源,与前端爱好者一起共勉。

tertiary-secondary-text

  1. <p class="tertiary-secondary-text">...</p>

W3CPLUS是一个前端爱好者的家园,W3CPLUS努力打造最优秀的web 前端学习的站点。W3CPLUS力求原创,以一起学习,一起进步,共同分享为原则。W3CPLUS站提供了有关于css,css3,html,html5,jQuery,手机移动端的技术文档、DEMO、资源,与前端爱好者一起共勉。

小文本

  1. <small>...</small>

我是小文本.

加粗文本

  1. <strong>...</strong>

我是加粗文本.

斜体文本

  1. <em>...</em>

我是斜体文本.

缩略语

  1. <abbr title="Title of abbreviation">...</abbr>

缩写词的属性是attr

html是有史以来最好的事情吗

地址

  1. <address>
  2. ...
  3. </address>
公司名称
中国.上海
谈家渡路盛泉大厦
电话: (086) 135 7878 5218
大漠
first.last@gmail.com

引用块

  1. <blockquote>
  2. ...
  3. </blockquote>

W3CPLUS是一个前端爱好者的家园,W3CPLUS努力打造最优秀的web 前端学习的站点。W3CPLUS力求原创,以一起学习,一起进步,共同分享为原则。

引用块向左边

  1. <blockquote>
  2. ...
  3. <small>...</small>
  4. </blockquote>

W3CPLUS是一个前端爱好者的家园,W3CPLUS努力打造最优秀的web 前端学习的站点。W3CPLUS力求原创,以一起学习,一起进步,共同分享为原则。

——大漠

引用块向右

  1. <blockquote class="place-right">
  2. ...
  3. <small>...</small>
  4. </blockquote>

W3CPLUS是一个前端爱好者的家园,W3CPLUS努力打造最优秀的web 前端学习的站点。W3CPLUS力求原创,以一起学习,一起进步,共同分享为原则。

—— 大漠

列表

无序列表

  1. <ul>
  2. <li>...</li>
  3. </ul>
  • 前端爱好者的家园
  • 前端学习的站点
  • W3CPLUS力求原创
  • 有关于css,css3,
  • 以一起学习,一起进步
    • 前端爱好者的家园
    • W3CPLUS力求原创,
    • 打造最优秀的web
    • 打造最优秀的web
  • W3CPLUS力求原创
  • 关于css,css3
  • 前端爱好者的家园

有序列表

  1. <ol>
  2. <li>...</li>
  3. </ol>
  1. 前端爱好者的家园
  2. W3CPLUS力求原创,
  3. 打造最优秀的web
  4. 打造最优秀的web
  5. 前端爱好者的家园
  6. W3CPLUS力求原创,
  7. 打造最优秀的web
  8. 打造最优秀的web

无项目样式列表

  1. <ul class="unstyled">
  2. <li>...</li>
  3. </ul>
  • 打造最优秀的web
  • 打造最优秀的web
  • 打造最优秀的web
  • 打造最优秀的web
  • 打造最优秀的web
    • 前端爱好者的家园
    • 前端爱好者的家园
    • 前端爱好者的家园
    • 前端爱好者的家园
  • 以一起学习,一起进步
  • 以一起学习,一起进步
  • 以一起学习,一起进步