超出的文本如何处理、给margin和padding设置下划线的区别、给某个方块设置成点击像按钮

1.给margin（外边距）设置下划线时，会随内容的多少，而显示在内容之下；给padding（内边距）设置下划线时，会随padding值的多少而显示下划线，哪怕是空白也会有下划线。
2.超出的文本如何让其用省略号表示？
①首先要设置一个宽度，当内容超过这个宽度时，给这个内容设置的样式才会生成。
②然后给其设置以下三个样式:
white-space（指定元素内的空白如何处理）：nowrap—遇到标签才会换行
overflow（溢出的文本如何处理）：hidden—隐藏溢出的文本
text-overflow（溢出的文本如何显示）：ellipsis—用省略号显示
3.用绝对定位设置位置：position：absolute；最简单
4.给某个方块设置成点击像按钮的情况：
首先设置其定位position：relative；
最后设置点击：hover的情况时，设置阴影box-shadow：px px px px 颜色；还有就是距离原位置的位置top/bottom：px；