我要学web9~css外观属性、渐变属性、开发者工具、
css外观属性
color：文本颜色
| 表示 | 属性值 |
|---|---|
| 预定义的颜色值 | red、green、blue、pink |
| 十六进制 | #FF0000,#FF6600，#29D794 |
| RGB代码 | rgb（255,0,0）或rgb（100%,0%,0%） |
注：16进制的写法是最多的，例如：#f00代表红色ff0000。
text-transform:文本转换
| 值 | 描述 |
|---|---|
| none | 不转换 |
| capitalize | 首字母大写 |
| uppercase | 全部字符转换为大写 |
| lowercase | 全部字符转换为小写 |
line-height：行间距
设置行间距，就是行与行之间的距离，即字符的垂直间距，一般称为行高。
单位：px、em、%。
技巧：一般情况下，行距比字号大7 8像素就可以。
text-align：文本水平对齐方式
设置文本内容的水平对齐，相当于html中的align对齐属性。
| 属性 | 说明 |
|---|---|
| left | 左对齐（默认值） |
| right | 右对齐 |
| center | 居中对齐 |
注：是让盒子里面的内容水平居中，而不是让盒子居中对齐。
text-inden：首行缩进
用于设置首行文本的缩进
其属性值可以为不同单位的数值、em字符宽度的倍数，或相对于浏览器窗口的宽度百分比值。建议使用em作为设置单位。1em就是一个字的宽度，如果是汉字的段落，1em就是一个汉字的宽度。
text-decoration:文本的装饰（建立和取消下划线）
| 值 | 说明 |
|---|---|
| none | 默认，取消下划线。 |
| underline | 定义文本下的一条线，下划线也是我们链接自带的。· |
| overline | 定义文本上的一条线。 |
| line-through | 定义穿过文本下的一条线。 |
letter-spacing:设置字间距
对文字或字母之间设置空白间距。
word-spacing:设置单词间距
对单词之间设置空白间距。
text-space:空白符处理
| 值 | 说明 |
|---|---|
| normal | 常规，文本中的空格，空行无效，满行（到达区域边界）后自动换行。 |
| pro | 预格式化，按文档的书写格式保留空格，空行原样显示。 |
| nowrap | 空格、空行无效，强制文本不能换行，除非遇到换行标记<br/>。内容超出也不换行，若超出浏览器页面会自动添加滚动条。 |
<style>
.a1{
height: 100px;
width: 100px;
background-color: gainsboro;
margin: 100px;
white-space: normal;
}.a2{
height: 100px;
width: 100px;
background-color: gainsboro;
white-space: pre;
margin: 100px;
}.a3{
height: 100px;
width: 100px;
background-color: gainsboro;
margin: 100px;
white-space: nowrap;
</style>
</head>
<div class="a1">I love YOU I love YOU I love YOU I love YOU I love YOU I love YOU</div>
<div class="a2">I love YOU I love 我是预格式化 YOU I l ove YOU I love YOU I love YOU I love YOU</div>
<div class="a3">I love YOU I love YOU I love YOU I love YOU I love YOU I love YOU</div>text-shadow:阴影效果
基本语法：
选择器{