文本

标题文本

HTML的标题文本,从h1到h6,同时也提供了.h1到.h6的样式。

h1. 拼图前端框架标题

h2. 拼图前端框架标题

h3. 拼图前端框架标题

h4. 拼图前端框架标题

h5. 拼图前端框架标题
h6. 拼图前端框架标题

副标题

在标题内还可以包含small标签或.small样式,可以用来标记副标题,副文本为主文本字号的60%,当小于12px时显示为12px。

h1. 拼图前端框架标题副标题文本

h2. 拼图前端框架标题副标题文本

h3. 拼图前端框架标题副标题文本

h4. 拼图前端框架标题副标题文本

h5. 拼图前端框架标题副标题文本
h6. 拼图前端框架标题副标题文本

段落文本

拼图将全局的字体大小设置为14px,包含div,p,table等,段落文本包含在标签p之内,其他标签同时也可以用.p实现,同时段落文本还设置了15px的底部边距。

拼图前端框架,是一款开源的专业网页前端UI解决方案,是HTML、CSS、Javascrip三者结合的前端框架。它配合js效果,提供了拼图的CSS、HTML标准,方便个性化、人性化的前端设计方法,受到设计师、前端工程师、程序员及网页设计初学者的特别喜爱。

拼图框架提供了CSS的重定义、元件样式的预设、样式组件、风格模块及Javascript效果,丰富了页面效果,同时让前端设计简单化、傻瓜化,任何初学者都可快速建设美观、简洁的页面。

文本缩进

文本添加.text-indent样式,段落缩进2个字符。

拼图前端框架,是一款开源的专业网页前端UI解决方案,是HTML、CSS、Javascrip三者结合的前端框架。它配合js效果,提供了拼图的CSS、HTML标准,方便个性化、人性化的前端设计方法,受到设计师、前端工程师、程序员及网页设计初学者的特别喜爱。

拼图框架提供了CSS的重定义、元件样式的预设、样式组件、风格模块及Javascript效果,丰富了页面效果,同时让前端设计简单化、傻瓜化,任何初学者都可快速建设美观、简洁的页面。

强调文本

加粗文本,用strong标签包含,font-weight样式实现,用于强调作用。

斜体文本,用斜体文本强调,包含在i标签之内。

加粗文本

斜体文本

超级链接,包含在a标签内。

文本对齐

包含左对齐,居中,右对齐,两端对齐等效果。

拼图前端框架,是一款开源的专业网页前端UI解决方案,是HTML、CSS、Javascrip三者结合的前端框架。它配合js效果,提供了拼图的CSS、HTML标准,方便个性化、人性化的前端设计方法,受到设计师、前端工程师、程序员及网页设计初学者的特别喜爱。

拼图框架提供了CSS的重定义、元件样式的预设、样式组件、风格模块及Javascript效果,丰富了页面效果,同时让前端设计简单化、傻瓜化,任何初学者都可快速建设美观、简洁的页面。

拼图前端框架,是一款开源的专业网页前端UI解决方案,是HTML、CSS、Javascrip三者结合的前端框架。它配合js效果,提供了拼图的CSS、HTML标准,方便个性化、人性化的前端设计方法,受到设计师、前端工程师、程序员及网页设计初学者的特别喜爱。

拼图框架提供了CSS的重定义、元件样式的预设、样式组件、风格模块及Javascript效果,丰富了页面效果,同时让前端设计简单化、傻瓜化,任何初学者都可快速建设美观、简洁的页面。拼图框架提供了CSS的重定义、元件样式的预设、样式组件、风格模块及Javascript效果,丰富了页面效果,同时让前端设计简单化、傻瓜化,任何初学者都可快速建设美观、简洁的页面。
http://www.pintuer.com/css.html#text

文本字号

文本字号由font-size设置,拼图框架把字号分为特大号、大号、普通、小号、特小号五个等级。

small小号文本,使用small标签或.text-small样式,可以设置成小号文本,大小为主文本的80%。

特大号文本:拼图框架 24px小号文本

大号文本:拼图框架 16px

普通文本:拼图框架 14px

小号文本:拼图框架 12px

特小号文本:拼图框架 10px

文本颜色

可通过样式改变文本颜色,也可以应用于文本链接,网页配色色系,除默认的颜色外,建议根据实际应用来修改,上一章节已介绍自定义颜色修改方法。

.text-dot与.text-red色值一样,都是#e33

.text-sub与.text-blue,都是#0ae

文本颜色:默认

文本颜色:主色

文本颜色:辅色

文本颜色:背景色 色值#efe,跟背景没关系

文本颜色:融合色

文本颜色:点缀色


文本颜色:黑色

文本颜色:灰色

文本颜色:白色


提示颜色:红色

提示颜色:黄色

提示颜色:蓝色

提示颜色:绿色


柔和提示色:淡红

柔和提示色:淡黄

柔和提示色:淡蓝

柔和提示色:淡绿

文本行距

文本行距分为超小行距16px(.height-little)、小行距20px(.height-small)、默认24px(.height)、大行距30px(.height-big)、超大行距40px(.height-large)。

超小行距16px(.height-little):

拼图:国内优秀的HTML、CSS、JS跨屏响应式开源前端框架,使用最新浏览器技术,为快速的前端开发提供一系列的文本、图标、媒体、表格、表单、按钮、菜单、网格系统等样式工具包,占用资源小,使用拼图可以快速构建简洁、优雅而且自动适应手机、平板、桌面电脑等设备的前端界面,让前端开发像玩游戏一样快乐而轻松。

小行距20px(.height-small):

拼图前端框架在传统CSS框架的基本上,增加了HTML5、CSS3、JS等技术组合应用,应用最新的浏览器技术,同时兼容较早的浏览器,新旧结合,承前启后,开发者只需把框架文件引入到项目中,就可以初现快速的共同开发,改变以往建立PC网站同时,再建立手机网站的局面,实现一站响应所有设备,大大提高了开发效率。

默认24px(.height):

移动优先、跨屏响应:拼图以移动设备为基点,优先适应于移动设备;从移动设备扩大到平板、桌面电脑等设备,实现跨屏响应,兼容桌面浏览器的同时,更适应了移动互联网的潮流。

大行距30px(.height-big):

组件丰富、海量插件:拼图前端框架重新定义了CSS基础、常用元件及JS组件,可快速构架前端界面,实现跨屏响应。同时兼容所有jQuery插件,在项目中可以灵活使用,让前端开发如虎添翼。

超大行距40px(.height-large):

轻量高效、国产开源:拼图基于应用广泛jQuery插件,轻量高效;相对于国外的前端框架,拼图前端框架侧重于对中文的支持,符合国人的视觉及体验,实现到国内主流浏览器的支持,减少兼容性测试时间,提高开发效率。

文本换行

设置文字换行,.text-break 默认自动换行/.text-breakall 字母在单词内换行/.text-unbreak 强制不换行.

宽度80%自动换行

拼图:国内优秀的HTML、CSS、JS跨屏响应式开源前端框架,使用最新浏览器技术,为快速的前端开发提供一系列的文本、图标、媒体、表格、表单、按钮、菜单、网格系统等样式工具包,占用资源小,使用拼图可以快速构建简洁、优雅而且自动适应手机、平板、桌面电脑等设备的前端界面,让前端开发像玩游戏一样快乐而轻松。

英文字母内换行

Jigsaw puzzle is excellent responsive front-end CSS open source framework, domestic front frame pioneer and leader, automatically adapt to the mobile phone, tablet, computer equipment, such as let the front-end development happy game, simple, flexible and convenient.

强制不换行(注:浏览器中看到的并不是拼图BUG,可以做强制不换行演示,可能会影响到美观,望体谅。

移动优先、跨屏响应:拼图以移动设备为基点,优先适应于移动设备;从移动设备扩大到平板、桌面电脑等设备,实现跨屏响应。

文本截断

指定宽度后截断文本并用省略。

截断文字(只能截断一行文字并出现省略号,此样式多用于文章标题)

拼图:国内优秀的HTML、CSS、JS跨屏响应式开源前端框架,使用最新浏览器技术,为快速的前端开发提供一系列的文本、图标、媒体、表格、表单、按钮、菜单、网格系统等样式工具包,占用资源小,使用拼图可以快速构建简洁、优雅而且自动适应手机、平板、桌面电脑等设备的前端界面,让前端开发像玩游戏一样快乐而轻松。