CSS中的文本

1，使用文本标签

所有信息的描述都应基于语义来确定。假如，结构的划分，属性的定义等。设计一个好的语义结构会增强信息可读性和扩展性，同时也降低了结构的维护成本，为跨平台信息交流和阅读打下了基础。

1.1 标题文本

<h1>~<h6>定义标题。

1.2 段落文本

标签定义段落文本，在段落文本前后会穿就感觉一定距离的空白，浏览器会自动添加这些空间，用户可以根据需要使用CSS重置这些样式。

1.3 引用文本

<q>标签定义短的引用，浏览器经常会在引用的内容周围添加引号；<blockquote>标签定义块引用，其包含的所有文本都会从常规文本中分离出来，左右两侧会增加缩进显示，有时会显示为斜体。

1.4 强调文本

标签用于强调文本，斜体， 粗体

1.5 格式文本

粗体 斜体 <big> 大号字体 定义小号字体 定义上标文本 定义下标文本

1.6 输出文本

<code>代码字体 <pre>预定义的源代码 <tt> 打印机字体 <kbd>键盘字体 <dfn>定义的术语 <var>变量字体 <samp>代码范例

1.7 缩写文本

<abbr>标签可以定义简称或缩写，通过对缩写进行标记，能够为浏览器，拼写检查和搜索引擎提供有用的信息。

1.8 插入和删除文本

<ins>标签定义插入到文档中的文本， <del>标签定义文档中已被删除的文本

1.9 文本方向

<bdo>标签可以改变文本流的方向。它包含一个属性:dir,取值包括ltr和rtl

2，HTML5新增文本标签

2.1 标记文本

标签定义带有记号的文本，表示页面中需要突出显示或者高亮显示的信息，对于当前用户具有参考作用的一段文字。通常在引用原文的时候使用mark元素，目的是引起当前用户的的注意。

	helloworld,nice to <mark>meet</mark> you

2.2 进度信息

<process>标签可以标识任务的进度(进程)。这个进度可以是不确定的，表示进度正在进行，但不清楚还有多少进度没有完成，也可以用0到某个最大数字(如100)之间的数字来表示进度完成情况。

process元素包含两个新增属性，表示当前任务完成情况，简单说明如下：

max：定义任务一共完成多少工作量
value：定义已经完成了多少工作量

下面是一个例子

<section>
	<p>百分比进度：<progress id="progress" max="100" value="10"><span>0</span>%</progress></p>
	<input type="button" onclick="click1()" value="显示进度"/>
</section>
<script>
function click1(){
	var progress = document.getElementById('progress');
	progress.value +=10;
}
</script>

2.3 刻度信息

<meter>标签定义已知范围或分数值内的标量，进度。例如，磁盘用量，查询结果的相关性等。

meter元素包含7个属性，简单说明如下：

value：在元素中特别标示出来的实际值。该属性值默认为0，可以为该属性指定一个浮点小数值。
min：设置规定范围时，允许使用的最小值，默认为0，设定的值不能小于0
max：设置规定范围时，允许使用的最大值
low：设置范围的下限值
higt：设置范围的上限值
optimum：设置最佳值
form：设置meter元素所属的一个或多个表单。

2.4 时间信息

<time>

2.5 联系文本

<address>标签定义文档或文章的作者，拥有者的联系信息。其包含文本通常显示为斜体，大部分浏览器会在address元素前后添加折行。

2.6 隔离文本

<bdi>

2.7 换行断点

2.8 文本注释

略.