今天完成的事件

问题：由于之前做任务都习惯与看这给值导致后面的重构89任务严重与UI图不符合，改正这个习惯严格按照UI图来设计页面。

遇到问题：

这个字在遇到边框的时候如果让它剪切掉，如果你只用text-overflow: ellipsis; 是不会让字剪切掉的而且宽度不够的话文字会自动换行，text-overflow属性是不会强制溢出的，也就是说如果你想让文字发生溢出被剪切掉需要设置其他属性 要有2个属性 overflow:hidden; white-space

nowrap这2个属性 才会在文本宽度不够的时候接触到内边框自动剪切：

overflow属性还有其他3个值如

                  clip此属性的默认值。此关键字值将截断内容区域限制处的文本，因此截断可能发生在字符的中间。

                ellipsis次属性值是省略号，就是当文字超出自身宽度的时候，他不会溢出来而是直接剪切掉变成省略号了。

                fade属性值和上面的值一样只不过它是在文字溢出来的时候直接剪切掉不会变成省略号而溢出来的文字就直接消失看不到了。

    今天学到a的另一属性，a标签有2个属性值一个是链接目标地址也就是网页的一一个就是可以在html上链接文本效果如图：

当你点击 后端开发文字的时候，就会跳转到本页面的 后端开发方向文字地方，代码如下

<a name='名字'>里面随便写个名字相当于IP用来链接<a href="名字">就是当你点击a href的时候就会跳转当前页面的位置 ，没个名字是独一无二的每个跳转必须和名字一样否则就会失效。