html CSS+DIV

容易忽略的技巧：

                              padding的应用。padding是属于内容的，设置background起作用，如果用margin，则不起作用。

常用技巧：

属性reset(padding,margin等)
list-style ：none；
border：1px solid blue （要么用solid要么不用）
让盒子水平居中：设置一个块为水平居中时，都会给这个块设置一个宽度值
将对象的左右外边距设为auto
   margin:100px auto 0;

让盒子中的内容，垂直居中，设置行高=盒子的高度，但是不要有换行 line-height

css精灵：减少http请求
1.翻转效果，准备两张大小相同，内容不同的图片，正常情况下显示一张，鼠标经过的时候显示另一张
2.将两张图片合成一张，向上移动即可
background-position:设置背景图像的起始位置
a {width:44px;
height:44px;
background-image:url(image/url)
这张图片高度是88px，只显示44px，即上半部分
}
a:hover{background-position:0 -44px;}鼠标经过之后，向下移44px，即下半部分

清除浮动：
Clear:left(right/both/none)

利用伪对象after方法！
.clearFix:after{
Clear:both;
Display:block;
Visibility:hidden;
Height:0;
Line-height:0;
Content:””;
}
.clearFix{Zoom:1;}解决IE6/7兼容性问题

导航栏构建：

1.如果想让多个块显示在同一行中，可以将这些快，都设置为浮动，并且浮动方向一致

2.绝对定位 相对定位 行内元素（li用display：inline变为行内元素，其父元素设相对定位，自身绝对定位设置位置）