今天完成的事情：

今天对任务八九的页面进行了修改，部分内容重做了下，学习了调节文本下划线和文本距离的调节，学习了阴影的设置，学习了制作虚线边框和其他的边框样式。
明天计划的事情：

计划提交页面让师兄看看还有啥问题，然后深度思考相关知识的应用，
遇到的问题：暂无
收获：

1、

使用padding-bottom、border-bottom两个样式实现字体文字下划线距离设置。

传统的css下划线text-decoration样式只能设置其文字下划线样式而无法实现下划线与文字间距调整。所以借助与padding和border两个属性模拟下划线实现文字与下划线之间距离可调节。

2、

div{box-shadow:0 0 1px #000 inset;} 

代表边框间距靠左0 靠上0 和1px阴影范围 阴影颜色为黑色（#000），有inset 代表框内阴影 ，不带inset 代表框外阴影。

box-shadow:0px 0px 1px #000

第1个值为0时，代表左右边框阴影 为1px范围

第1个值为正整数 代表 左边框阴影

第1个值为负整数 代表 右边框阴影

同理

第2个值为0 代表上下边框阴影

第2个值为正整数 代表1px阴影距离上边框多少

第1个值为负整数 代表下边框阴影设置

3、

none定义无边框。

hidden与 "none" 相同。不过应用于表时除外，对于表，hidden 用于解决边框冲突。

dotted定义点状边框。在大多数浏览器中呈现为实线。

dashed定义虚线。在大多数浏览器中呈现为实线。

solid定义实线。

double定义双线。双线的宽度等于 border-width 的值。

inherit规定应该从父元素继承边框样式。