1.设计网页文本的内容
1.1标题文本
1. 标题标签有6个常用的，为<h1></h1>,<h2></h2>,<h3></h3>,<h4></h4>,<h5></h5>,<h6></h6>
英文h是headline（标题行）的简称，h1位1级标题，级别最高，文字最大，其他元素依次递减，h6级别最小。主要用的是h1-h3，而h4-h6很少用到。使用不同级别的标题是为了清晰地分辨出文章的主要之处。
首先介绍一个单位，“em”是一个单位，而且是一个相对单位，定义为1em为16px。
h1{font-size: 2em; margin: 1.34em 0;} //这里的font-size指的是大小，margin是指的外边距
h2{font-size: 1.5em; margin: 1.25em 0;}
h3{font-size: 1.17em; margin: 1.17em 0;}
h4{font-size: 1 em; margin: 1.33em 0;}
h5{font-size: 0.83em; margin: 1.39em 0;}
h6{font-size: 0.75em; margin: 1.75em 0;}
1.2文字格式
文字的格式包括字体，字号，文字颜色，字体风格等内容
1.2.1设置网页字体
1.基本语法格式
font-family: 字体名称
注：如果想要查找字体，可以在windows下面找到Fonts，即可查看多种字体！！！
sans-serif:非衬线字体族
1.2.2设置文字文号
1.各参数的含义
- xx-small:绝对字体尺寸。根据对象字体进行调整。（最小）
- x-small: 绝对字体尺寸。根据对象字体进行调整。 （较小）
- small：绝对字体尺寸。根据对象字体进行调整。 （小）
- medium：绝对字体尺寸。根据对象字体进行调整。正常（默认值）
- large：绝对字体尺寸。根据对象字体进行调整。(大）
- x-large:绝对字体尺寸。根据对象字体进行调整。(较大）
- xx-large:绝对字体尺寸。根据对象字体进行调整。(最大）
larger: 相对字体尺寸。相对于父对象中字体尺寸进行相对增大。使用成比例的em单位计算
smaller：相对字体尺寸。相对于父对象中字体尺寸进行相对增大。使用成比例的em单位计算
length： 百分数| 由浮点数字和单位标识符组成的长度值，不可为负值。其百分比取值是基于父对象中字体的尺寸。
2.单位标识
- px:基于像素单位。像素是一种有用的单位。（绝对单位）
- em：一般用来测量长度的通用单位（例如元素周转的页边空白和填充），当用于指定字体大小时，em单位是指父元素的字体大小。例如：
- <div style="font-size:12px"> <span style="font-size:2em">这里的字是24px</span></div>
- pt: 印刷业上常使用的单位，磅的意思。一般也用于页面打印排版。
1.2.3 设置文字字号
掌握两点即可：
1.知道px是绝对的单位。
2.知道em是相对单位，继承的永远是自己的父亲。
1.2.4设置文字的颜色
一般用color属性来设置颜色
下面是一些设置颜色的some属性值！！！
1.2.5 设置文字风格（文字粗体，斜线，下划线）
1.字体加粗：<b>文本内容</b>
2.字体斜体：<i>文本内容</i>
3.字体下划线：<u>文本内容</u>
4.文本强调设置：<em>文本内容</em> (<em>标签告诉浏览器把其中的文本表示为强调的内容，即用斜体显示）
1.2.6设置阴影文本
语法： text-shadow: h-shadow（水平阴影） v-shadow（垂直阴影） blur color ;
h-shadow: 必需值，水平阴影的位置，允许负值。
v-shadow: 必需值，垂直阴影的位置，允许负值。
blur: 可选，模糊的距离。
1.2.7 控制换行
一，使用white-space 控制换行
white-space属性设置如何处理元素内的空白
1. pre：空白会被浏览器保留。其行为方式类似HTML中的<pre>标签。
2.Nowrap: 文本不会换行，文本会在在同一行上继续，直到遇到<br>标签为止。
3.pre-wrap： 保留空白符序列，但是正常地进行换行。
4.pre-line： 合并空白符序列，但是保留换行符。
5.inherit： 规定应该从父元素继承white-space属性的值。