1. ul有自带的内边距、外边距
2. 利用background设置列表项图标,留出内边距,在再设置背景image的位置即可(可以使用混合单位)
3. 导航条创建
- 不对li应用样式,对锚元素应用样式兼容性更好。
4. IE6及更低版本,li上下有额外空间。将li设为块级元素显示
5. 水平导航条
- 将li全部向左浮动
- 清理内部的浮动元素:
1)overflow:hidden
2)父元素自身浮动
3)增加一个clear的元素
6. 下拉菜单
- 在li中应用子列表
- 如何对齐——列表的宽度=列表项宽度
- 在激活之前,将列表放到屏幕左边以外(绝对定位到距离屏幕左边的负值处,对连接文本使用时,可以设置负的文本缩进)
7. IE不显示内容隐藏在屏幕外的链接,因此可以给链接加一个透明的/不存在的图像。(透明背景不可行,因为background-color默认值是transparent )