文本标签及样式

一、文本标签

• em和strong
  em标签表示语气上的强调（斜体显示）。
  strong标签表示内容的强调（粗体显示）。

• i和b
  i标签中的内容会以斜体显示。
  b标签中的内容会以加粗显示。
  h5规范中规定，对于不需要着重的内容而是单纯的加粗或是斜体，就可以使用b和i标签。

• small
  small标签中的内容会比他的父元素中的文字要小一些。
  在h5中使用small标签来表示一些细则一类的内容。
  比如：合同中小字，网站的版权声明都可以放到small里。

• cite
  网页中所有加书名号的内容都可以使用cite标签，表示参考的内容。

• q和blockquote
  q标签表示一个短的引用（行内引用）。q标签引用的内容浏览器会默认加上引号。
  blockquote标签表示一个长引用（块级引用）。

• sup和sub
  使用sup标签来设置一个上标。使用sub标签来设置一个上标。

• ins和del
  使用del标签来表示一个删除的内容。del标签中的内容，会自动添加删除线。
  ins表示一个插入的内容。ins中的内容，会自动添加下划线。

• pre和code
  pre是一个预格式标签，会将代码中的格式保存，不会忽略多个空格。
  code专门迎来表示代码。
  一般结合使用pre和code来表示一段代码。

二、列表
在HTML网页中一共有三种列表：

1. 无序列表
   使用ul标签来创建一个无序列表。
   使用li在ul中创建一个一个的列表项。一个li就是一个列表项。
   通过type属性可以修改无序列表的项目符号。
   可选值：
   disc，默认值，实心圆点。
   square，实心方块。
   circle，空心圆。

	ul{
		list-style:none;
	}

注意：默认的项目符号我们一般都不使用。如果需要设置项目符号，则可以通过为li设置背景图片的方式来设置。
ul和li但是块元素。

2. 有序列表
   和无序列表类似，只不过使用ol来代替ul。
   有序列表使用有序的序号作为项目符号。
   type属性可以指定序号的类型。
   可选值：
   ①默认值，使用阿拉伯数字。
   ②a/A　采用小写或大写字母作为序号。
   ③i/I　采用小写或大写的罗马数字作为序号。
   ol也是块元素。
   列表之间都是可以互相嵌套，可以在无序列表中放个有序列表，也可以在有序列表中放一个无序列表。

3. 定义列表
   用来对一些词汇或内容进行定义。
   使用dl来创建一个定义列表。
   dl中有两个子标签：
   　dt：被定义的内容
   　dd：对定义内容的表述
   同样dl和ul和ol之间都可以互相嵌套。

三、文本格式化

• 单位
  ①px像素
  不同显示器像素的大小不一致。
  ②百分比
  根据父元素的大小调整
  ③em
  1em=1font-size
  适用于根据字体样式调整的情况

• 颜色单位
  在css中可以直接使用颜色的单词来表示不同的颜色，也可以直接使用RGB值来表示颜色。
  所谓的RGB值指的是通过Red　Green　Blue三元色，用其不同的浓度，表示出不同的颜色。
  例子：rgb(红色浓度，绿色浓度，蓝色浓度);
  ①颜色浓度需要一个0-255之间的值。
  ②浓度也可以采用一个百分数来设置，需要一个0%-100%之间的数字，使用百分数最终也会转换为0-255之间的数。
  ③也可以使用十六进制的rgb值来表示颜色，原理和RGB原理一样。只不过使用三组两位的十六进制来表示颜色。
  每组表示一个颜色。
  语法：#红色绿色蓝色
  十六进制：
  0 1 2 3 4 5 6 7 8 9 a b c d e f
  00-ff
  像两位两位重复的颜色，可以简写。如，#ff0000可以写成#f00。

• 字体样式
  color　字体颜色
  font-size　字体大小
  font-family　字体
  font-style　文字斜体
  　　可选值：
  　　normal　默认值，文字正常显示
  　　italic　文字会以斜体显示
  　　oblique　文字会以倾斜的效果显示
  font-weight　文字加粗
  　　可选值：
  　　normal　默认值，文字正常显示
  　　bold　文字会以粗体显示
  　该样式也可以指定100-900之间的9个值，但是由于用户计算机没有这么多级别的字体，所以达不到想要的效果。
  font-variant　设置小型大写字母
  　　可选值：
  　　normal　默认值，文字正常显示
  　　small-cap　文字以小型大写字母显示
  大部分浏览器都不会对倾斜和斜体作区分，一般使用italic。当采用某种字体时，如果浏览器支持则使用该字体，如果字体不支持，则使用默认字体。
  该样式可以同时指定多个字体，多个字体之间使用，分开。当采用多个字体时，浏览器会优先使用前边的字体，如果前边没有再尝试下一个。
  尽量不用小众字体（用户可能不支持）。
  注意：可以将字体样式的值，统一写在font样式中，不同值之间使用空格隔开（文字的大小和字体必须写，而且字体必须是最后一个样式，在字体后添加/行高来指定行高，大小必须是倒数第二个样式）。

• 字体的分类
  serif　衬线字体
  sans-serif　非衬线字体
  monospace　等宽字体
  cursive　草书字体
  fantasy　虚幻字体

• 行间距
  通过设置行高来间接地设置行间距。
  line-height　设置行高
  　　可选值：
  　　1.px为单位的一个大小
  　　2.百分数（相对于字体去计算行高）
  　　3.一个数值（相对于字体大小的倍数）
  文字会默认在行高中垂直居中显示。
  行高 = 行间距 - 字体大小
  对于单行文本来说，可以将行高设置为和父元素的高度一致，这样可以是单行文本在父元素中垂直居中。

• 大写化
  text-transform　设置文本大小写
  　　可选值：
  　　none　默认值，文字正常显示
  　　capitalize　单词首字母大写，空格识单词
  　　uppercase　所有字母都大写
  　　lowercase　所有字母都小写

• 文本的修饰
  text-decoration　设置文本的修饰
  　　可选值：
  　　none　默认值，文字正常显示
  　　underline　添加下划线
  　　overline　添加上划线
  　　line-through　添加删除线
  超链接会默认添加下划线，如果需要去除需要将该样式设置为none。

• 字母间距和单词间距
  letter-spaceing　指定字符间距
  word-spacing　指定单词间距（词与词之间空格的大小）

• 对齐文本
  text-align　设置文本的修饰
  　　可选值：
  　　left　默认值，文本靠左对齐
  　　riget　文本靠右对齐
  　　center　文本居中对齐
  　　justify　两端对齐（通过调整文本之间空格的大小）

• 首行缩进
  text-indent　设置首行缩进
  单位最好用em，可以准确缩进两个字。
  正值：向右缩进。
  负值：向左缩进（可以隐藏文本）。