CSS 布局小技巧
2011-03-14 14:17
28 查看
1. ul在IE7,IE6下的解释和FireFox,IE8 不同,前者默认margin的值,后者默认padding的值,因此设置的时候要把margin和padding都设置为0。但是当有border的时候,点还是会显示出来,所以还要设置list-style:none. 虽然预设标记不错,但是却没有办法精确控制,所以在实际应用中并不推荐使用,还是用背景图片来代替。
2. Id的权重比class要大。
3.定义链接的四种状态要注意先后顺序: Link Visited Hover Active, 否则可能影响效果。
4.<a name="p1"></a> <a href="#p1" >ggg</a>锚点设置。
5.页面居中,在最外面一个div中加入:margin:0 auto; width:XXXpx;
6.relative, absolute. relative所占的空间保留,absolute不保留空间。
7.如果内div使用了float,那么外div要使用overflow:auto来清除浮动,不然边框不能增长。在IE6下,需要加zoom:1来清除浮动。
8.第一个左浮动元素的margin在ie6中会double,解决的方法为加display:line.
2. Id的权重比class要大。
3.定义链接的四种状态要注意先后顺序: Link Visited Hover Active, 否则可能影响效果。
4.<a name="p1"></a> <a href="#p1" >ggg</a>锚点设置。
5.页面居中,在最外面一个div中加入:margin:0 auto; width:XXXpx;
6.relative, absolute. relative所占的空间保留,absolute不保留空间。
7.如果内div使用了float,那么外div要使用overflow:auto来清除浮动,不然边框不能增长。在IE6下,需要加zoom:1来清除浮动。
8.第一个左浮动元素的margin在ie6中会double,解决的方法为加display:line.
相关文章推荐
- 固定+自动伸缩&#8212;&#8212;CSS布局技巧
- CSS布局模型 之 浮动模型(浮动的工作原理和清除浮动技巧?)
- CSS布局奇淫技巧之–各种居中
- CSS 布局:40个教程、技巧、例子和最佳实践
- web布局最实用的12条css技巧
- DIV+CSS常用网页布局技巧!
- CSS布局奇葩技巧之--各种居中
- css常用布局方式和技巧
- CSS顶级技巧大放送,div+css布局必知
- Web设计之网页布局CSS技巧
- 需要掌握的八个CSS布局技巧
- CSS整体布局声明的一些使用技巧
- CSS布局奇淫技巧之-宽度自适应
- CSS布局奇淫技巧之-多列等高
- CSS布局高级技巧
- CSS布局技巧 -- 纯CSS让子元素的宽度总和决定其父元素的宽度
- CSS精粹之布局技巧
- 两列等高布局 padding+margin的负值 CSS布局奇淫技巧之-多列等高
- 网页布局技巧:CSS文件设计初始化代码
- 史上最全Html和CSS布局技巧