【学习进度】
修改了网页的一些问题
【文字超出内容省略】
li：
width: 300px; //容器的宽
height: 30px; //容器的高
overflow: hidden; //超出部分隐藏
text-overflow: ellipsis; //文字超出部分隐藏前打省略号
white-space: nowrap; //强行不换行 防止出现 垂直方向上 不完整文字
width: 20em; //设置文字尺寸 防止出现 水平方向上 不完整文字
list-style-type:inside; //默认序号样式在li外部(outside)，如果溢出省略则序号样式则被省略
【轮廓和边框的区别】
边框 (border)
： 是围绕元素内容和内边距的一条或多条线
轮廓（outline）是绘制于元素周围的一条线，位于边框边缘的外围，可起到突出元素的作用。