Text 文本
文本颜色
所有文本均可使用ax-color-*颜色，详见ax-color.php
<div class="ax-color-primary">primary主色/基色</div>
<div class="ax-color-error">error危险/错误</div>
<div class="ax-color-success">success成功/完成</div>
<div class="ax-color-warning">warning警告/提示</div>
<div class="ax-color-info">info信息/通知</div>
<div class="ax-color-question">question疑问/讨论</div>
<div class="ax-color-text">text正文</div>
<div class="ax-color-brief">brief简介</div>
<div class="ax-color-ignore">ignore忽略</div>
横线
通过对文本设置line=*属性可实现水平线条装饰效果，详细如下：
- line="wave"：底部波纹下划线
- line="underline"：底部1px的下划线
- line="through"：中间1px的删除线
- line="emphasis"：顶部圆点强调线
<div line="wave">中华上下五千年</div>
<div line="underline">中华上下五千年</div>
<div line="through">中华上下五千年</div>
<div line="emphasis">中华上下五千年</div>
大小写
通过对文本设置case=*属性可实现文字大小效果，详细如下：
- case="upper"：全部大写
- case="lower"：全部小写
- case="capita"：单词首字母大写
<div case="upper">i love china!</div>
<div case="lower">i love china!</div>
<div case="capita">i love china!</div>
居中漫开
在使用正文中一般不需要设置字符间距，但是在某些特殊情况下，比如需要强调装饰作用的时候可能需要设置字符间距。
通过对文本设置diffuse=*属性可实现字符居中漫开效果，详细如下：
- diffuse="xxs"：间距0.5rem
- diffuse="xs"：间距1rem
- diffuse="sm"：间距1.5rem
- diffuse="md"：间距2rem
- diffuse="lg"：间距2.5rem
- diffuse="xl"：间距3rem
- diffuse="xxl"：间距3.5rem
注意，使用diffuse属性后，文本将自动居中分散排列。
<div diffuse="xxs">the Great Wall 长城</div>
<div diffuse="xs">the Great Wall 长城</div>
<div diffuse="sm">the Great Wall 长城</div>
<div diffuse="md">the Great Wall 长城</div>
<div diffuse="lg">the Great Wall 长城</div>
<div diffuse="xl">the Great Wall 长城</div>
<div diffuse="xxl">the Great Wall 长城</div>
扩大间隙
通过对文本设置blanks=*属性可实现扩大空白间隙效果，详细如下：
- blanks="xxs"：间距0.5rem
- blanks="xs"：间距1rem
- blanks="sm"：间距1.5rem
- blanks="md"：间距2rem
- blanks="lg"：间距2.5rem
- blanks="xl"：间距3rem
- blanks="xxl"：间距3.5rem
注意，该属性只对有空格的字符串（任意字符）有效。
<div blanks="xxs">C H I N A 中 国</div>
<div blanks="xs">C H I N A 中 国</div>
<div blanks="sm">C H I N A 中 国</div>
<div blanks="md">C H I N A 中 国</div>
<div blanks="lg">C H I N A 中 国</div>
<div blanks="xl">C H I N A 中 国</div>
<div blanks="xxl">C H I N A 中 国</div>
装饰标签
框架已经对若干原始标签做了初始化设置，用于文本装饰，详细如下
- em标签：文本顶部强调装饰，效果同line='emphasis'
- q标签：文本前后加上引号
- mark标签：文本高亮
- blockquote标签：文本作为摘要展示
- ruby+rt标签：文本头部显示注释
- cite标签：文本底部显示波浪线，效果同line='wave'
一千年前的中国已经摆脱前代沉迷于异族的宗教，和以外国宗教为自己国教的状态。一千年前中国自己的宗教道教、儒教大放光芒，远远压过外国，这是国家文化强大民族自信的表现，一千年前的中国人自信得一塌糊涂。
中国，是以华夏文明
为源泉、中华文化为基础，并以汉族为主体民族的多民族国家，通用汉语、汉字，汉族与少数民族被统称为“中华民族”，又自称为炎黄子孙、龙的传人。
中国是世界四大文明古国之一，有着悠久的历史，距今约5000年前，以中原地区为中心开始出现聚落组织进而形成国家，后历经多次民族交融和朝代更迭，直至形成多民族国家的大一统局面。20世纪初辛亥革命后，君主政体退出历史舞台，共和政体建立。1949年中华人民共和国成立后，在中国大陆建立了人民代表大会制度的政体。
<blockquote>
<p>一千年前的中国已经摆脱前代沉迷于异族的宗教，和以外国宗教为自己国教的状态。一千年前中国自己的宗教道教、儒教大放光芒，远远压过外国，这是国家文化强大民族自信的表现，一千年前的中国人自信得一塌糊涂。</p>
</blockquote>
<p> 中国，是以<q>华夏文明</q>为源泉、中华文化为基础，并以汉族为主体<mark>民族</mark>的多民族国家，通用汉语、汉字，汉族与少数<mark>民族</mark>被统称为“中华民族”，又自称为炎黄子孙、龙的传人。</p>
<p> 中国是世界四大<ruby>文<rt>Wen</rt>明<rt>Ming</rt>古<rt>Gu</rt>国<rt>Guo</rt></ruby>之一，有着悠久的历史，<cite>距今约5000年前</cite>，以<em>中原地区为中心</em>开始出现聚落组织进而形成国家，后历经多次民族交融和朝代更迭，直至形成多民族国家的大一统局面。20世纪初辛亥革命后，君主政体退出历史舞台，共和政体建立。1949年中华人民共和国成立后，在中国大陆建立了人民代表大会制度的政体。</p>
不可选择
通过对文本设置unselectable属性可禁止划选文本复制。
<div unselectable>中华上下五千年</div>
点击穿透
通过对文本设置penetrable属性可禁止元素默认事件，未禁止键盘事件，并且可穿透而触发下方的元素。
<div style="position: relative;"><a href="javascript:alert('咋把我给点中了呢？')" class="ax-btn ax-primary ax-lg">我是在下方的按钮</a><input style="position: absolute;left:0;" type="text" placeholder="点不中我，但是使用tab键可让我成为焦点并录入内容" penetrable/></div>
完全禁止
通过对文本设置inert属性的结果与penetrable效果一致，但是该属性禁止了键盘事件等任何事件，表现为一个静态的只显示的元素。
该属性可适用于任何元素，但是禁用表单元素还是建议使用disabled属性。
<div style="position: relative;"><a href="javascript:alert('咋把我给点中了呢？')" class="ax-btn ax-primary ax-lg">我是在下方的按钮</a><input style="position: absolute;left:0;" type="text" placeholder="只可见，禁止鼠标和键盘任何事件" inert/></div>
滚轮不联动
在一个元素中使用滚轮事件通常会触发整个页面的滚动，通过对文本设置dedicated属性可取消联动滚动，让滚轮事件只作用在当前元素。
<div style="height: 50px;width:300px;overflow: auto;" dedicated>
一千年前的中国已经摆脱前代沉迷于异族的宗教，和以外国宗教为自己国教的状态。一千年前中国自己的宗教道教、儒教大放光芒，远远压过外国，这是国家文化强大民族自信的表现，一千年前的中国人自信得一塌糊涂。
</div>