Question

谁能解释一下以下html的几个属性分别表示了什么？

#wrap {display:block;bottom:0px;right:1px!important;right:18px;width:200px;line-height:30px;position:fixed;border:1px solid #fff;text-align:center;color:#fff; background:#000;}
* html #wrap {position:absolute;}
比如line_height.等等。

Answer 1

#wrap {
display:block;将这个id所代表的元素转化为块状元素
bottom:0px;距离底部0px
right:1px!important;距离右边1px(important的作用 是优先级最高)
right:18px;右边18px（应该会被上面的right覆盖，所以这个写了也是白写）
width:200px;宽度200px
line-height:30px;行间距30px(这个属性起作用一定要比字体大小来的大)
position:fixed;相对与窗口定位
border:1px solid #fff;边 1像素粗 实体线 白色
text-align:center;字体居中对齐
color:#fff; 字体白色
background:#000;背景黑色}

* html #wrap {position:absolute;绝对定位}

Answer 2

line-height是行高，注意是-，不是_，高低不同。

默认的行高为字符高度，也就是行距为0，这样看起来很不美观，我一般喜欢设置行高为1.5倍，代码是line-height:150%。你的代码设置行高为30px，效果与字体大小有关。

Answer 3

这种建议你w3cschool系统学习一下比较快，也更容易理解。