【文字超出内容省略】【轮廓和边框的区别】

【学习进度】

修改了网页的一些问题

【文字超出内容省略】

li：

width: 300px;                                   //容器的宽

height: 30px;                                   //容器的高

overflow: hidden;                           //超出部分隐藏

text-overflow: ellipsis;                   //文字超出部分隐藏前打省略号

white-space: nowrap;                    //强行不换行       防止出现 垂直方向上 不完整文字                                               

width: 20em;                                  //设置文字尺寸      防止出现 水平方向上 不完整文字 

list-style-type:inside;                    //默认序号样式在li外部(outside)，如果溢出省略则序号样式则被省略

【轮廓和边框的区别】

边框 (border) ： 是围绕元素内容和内边距的一条或多条线

轮廓（outline）是绘制于元素周围的一条线，位于边框边缘的外围，可起到突出元素的作用。