* 文本垂直居中
通过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属性影响