CSS 技巧

 

 

 

 

 

 

* 文本垂直居中

通过CSS文本的行高line-height属性控制，这也是CSS中解决一行文本居中的最常用办法

 

* 将a显示成块，块元素的宽度未指定时就等于其父对象的宽度，而a同时也受父级对象的line-height影响,与父级相同

 

* 清除浮动

一般，我们会单独定义一个负责清除浮动的类，如下：

.cls{clear:both; display:block; height:0px; line-height:0px; overflow:hidden;}

之后在html中添加一个元素，专门负责清除浮动，如下：

<br class="cls" />

这样只需要移动这个<br />在html代码中的位置就可以达到清除它之前的任何浮动影响

 

* 设置全局属性

一般用

body,ul,li{padding:0px;margin:0px;list-style:none;font-size:12px;font-family:arial,宋体;}

 

* relative 与 absolute 的区别

  绝对定位

   将一个定位方式为absolute的元素放置在它的父级元素内，需要满足两个条件：

1.为其本身指定lrtb，
2.父级元素需要指定定位方式，如absolute或relative，当然常用的还是为父级元素指定relative定位。

 相对定位

我们似乎觉得定位方式为relative的元素和默认的static元素相比并没有太大的区别，而且relative定位方式还可以通过lrtb来决定元素的位置，确实是这样的，不过很多时候我们不需要通过lrtb来确定元素的位置，而采用padding和margin来解决

如果父级元素指定padding属性，那么相对于父级元素实际内容区域的左上角进行定位，即relative会受到父级元素的padding属性影响