凉水代码

Code Cold Water

导航

CSS 技巧

Posted on 2010-06-24 22:12  凉水代码  阅读(157)  评论(0编辑  收藏  举报

* 文本垂直居中

通过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属性影响