CSS 易混淆属性

1. div中 height和line-height的区别

<div style="height:120px;">是用来规定整个div的高度，文字还是默认会在顶端开始向下排列
<div style="line-height:120px;"> 是规定行高的，就是一行120个像素，文字会相对于这120像素垂直居中！

 

2. p 中text-decoration和border-bottom的区别

text-decoration: underline;  用来设置文本的下划线。

border-bottom: 1px solid;   用来设置边框。

如果文本的长度!=边框的长度，那么text-decoration!=border-bottom.