html 小知识汇总

 html的div中文字行间距设置：

在style中设置： line-height：xxxpx；即可

设置html的字体大小和颜色在style中加入：

font-size: 20px;

color:white;

即可。

内边距设置：

padding:1em;    这个1em表示1倍的当前字高

0.5em就是内补白是0.5倍当前字高

html中字体边框：：在style中设置

border:1px solid #ccc;         

即可。

其中：solid属性：

1.none:表示没   2.solid：表示单线   3.double：表示双线   4.groove：表示凹槽   5.redge:表示皱纹  
 6.dotted:点线(貌似IE6下效果等同于dashed)   7.dashed:虚线其他属性去尝试下就看到效果了如给div定义宽度为1
像素红色单线边框复制内容到剪贴板代码:div {border:1px solid red;}

字体圆角边框：在style中加入：

border-radius:5px;

即可。

html各个空间深度的调整：用z-index属性。来调整深度

html中div中内容垂直居中的方法：

1、 如果要垂直居中的只有一行或几个文字，那它的制作最为简单，只要让文字的行高和容器的高度相同即可。（line-height是行高属性）

比如：<div style="display:inline-block;width:432px;height:37px;background-color:#fde7e1;border-radius:8px;float:right;margin-right:20px;"><span style="color:#ff0000;line-height:37px"><strong>>>> See here regarding applying from Japan</strong> </span></div>