定义列表 文本样式 长度单位 行间距

一、定义列表：用来对一些词汇或内容进行定义
使用dl来创建一个定义列表
dl中有两个子标签
dt：被定义的内容
dd:对定义内容的描述

二、文本格式化样式
单位：
1、px：像素，是我们在网页中使用的最多的一个单位 一个像素就相当于我们在屏幕上的一个小点
我们的屏幕实际上时由这些像素点构成的，不同显示器一个像素的大小也不同，显示越清晰像素越小
2、 %：百分比，将单位设置为一个百分比的形式，这样浏览器将会 根据其父元素的样式来计算该值
使用百分比的好处：当父元素的属性值发生变化时，子元素也会按照比例发生改变
3、em：和百分比类似，它是相对于当前元素的字体大小来计算的
1em = 1font-size的值，当我们的字体大小发生变化时，em也会发生变化

颜色单位：
1、在css中可以直接使用颜色的单词来表示
2、使用RGB值来表示不同的颜色：所谓RGB值就是通过三原色（red green blue）来设置
通过三原色不同的浓度来表示不同的颜色
语法：background-color：rgb(红色浓度，绿色浓度，蓝色浓度)；
例如background-color:rgb(0,0,255);
（浓度在0-255之间，255最大 0表示没有），一般截图软件都会显示颜色浓度
浓度也可以采用一个百分数来设置，需要0%-100%之间
例如background-color:rgb(0%,0%,100%);
3、十六进制的rgb值来表示
语法：三组两位的十六进制数组来表示一个 颜色（每组表示一个颜色）
#红色绿色蓝色
例如：background-color: #0000FF;（可以简写为#00F,注意：能简写的只能是每组中的数相同时）

十六进制数：满十六进一（0 1 2 3 4 5 6 7 8 9 A B C D E F）
值为：00-ff，00表示没有相当于rgb中的0，ff表示最大相当于rgb中的255

字体样式：
1、设置字体颜色：使用color设置文字颜色
例如：color:red;
2、设置文字的大小：font-size
font-size设置的并不是文字本身的大小，每个文字都是处于一个看不见的框中，我们设置font-size实际上设置的是框的高度，文字一般都会比设置的框小一些（取决于字体的不同）。
例如：font-size:20px;
3、通过font-family来指定文字的字体样式
当采用某种字体时，如果浏览器支持则使用该字体，如果不支持使用默认字体
该样式可以同时指定多个字体，多个字体之间使用逗号分开，浏览器会优先使用前面的样式

字体分类：
语法：font-family
serif:衬线字体
sans-serif:非衬线字体
monospace:等宽字体
cursive:章书字体
fantasy:虚幻字体

行高：
在css中没有直接设置行间距的方式，只能通过设置行高来间接设置行间距
使用line-height来设置行高
例如：line-height:40px;
行间距=行高-字体大小（link-height 减 font-size）
可以接收的值：
1、接收一个大小
2、指定一个百分数，相对于字体来计算行高
3、直接传一个正整数，则行高设置为字体大小相应的倍数
例如： font-size:20px;
line-height:1; 1代表是字体大小的1倍

文本样式：
1、text-transform可以用来设置文本的大小写
可选值：
none 默认值
capitalize 单词首字母大写，通过空格（单词边界）来识别单词
uppercase 所有字母都大写
lowercase 所有字母都小写
例如：text-transform:capitalize; 为每个单词的首字母大写
2、text-decoration可以用来设置文本的修饰
可选值：
none 默认值(删除添加的划线)
underline 为文本添加下划线
overline为文本添加上划线
line-through为文本添加删除线
例如：text-decoration:line-through;
3、letter-spacing 设置字符问题
例如：letter-spacing:10px;
4、word-spacing 设置单词直接的距离
5、text-align文本对齐
可选值：
left 左对齐
right 右对齐
center 居中
justify 两端对齐（通过调整文本空格的大小，来达到两端对齐的目的）
6、text-indent 首行缩进(只对首行有效果)
例如：text-indent:32px;（一个字占16，缩两个字位，会因为字体大小的改变而改变的）
text-indent:2em;(无论字体大小如何改变，始终缩进两个字位)
text-indent:+40px;(正数向左移动)
text-indent:-40px;（负数向右移动）

特殊：代表在用户端不显示该文字被隐藏起来了，但是后端嫩看到
text-indent:-99999px;代表在用户端不显示该文字被隐藏起来了，但是后端嫩看到