hi_dzj的专栏

用!important解决IE和Mozilla的布局差别作者：阿捷 2004-7-24 14:56:36在设计《网页设计师》页面的时候，有一个问题一直困扰着我，主菜单在IE和其他(Mozilla、Opera等)浏览器里显示的效果偏差2px。截图如下：IE中的效果Mozilla Firefox中的效果这是因为IE对盒之间距离的解释的bug造成的(参考onestab的"

使用float属性时，如果块级元素向前面内联左飘，则会超到img前面去 演唱会相反，如果块级元素向前面的块级元素左飘，则只会跟在img后面， 演唱会

CSS position 属性通过使用 position 属性，我们可以选择 4 种不同类型的定位，这会影响元素框生成的方式。position 属性值的含义：static元素框正常生成。块级元素生成一个矩形框，作为文档流的一部分，行内元素则会创建一个或多个行框，置于其父元素中。relative对象不可层叠，元素框偏移某个距离。元素仍保持其未定位前的形状，它原本所占的空间仍保留。

额外热瓦尔

要实现如下效果的方法的两种方法第一种方式比较常见，就是左边一个img右边一个文字 查询座次 下面介绍利用padding来实现左图右 标题效果 padding-left:2em; background:url(img/list/back-.png) no-repeat; background-size:

效果图如下： 翻转方向样式 /********左右方向符号********/.arrow-gt { -webkit-transform: rotate(135deg); margin-right: 3px; } .arrow-lt

有时候在写css时，显示效果会出现非常诡异的效果不知道有没有遇到这种css:#logo{border: solid 1px blue;}html: logo居然显示的是红色弄了很久，发现有个，我并没有定义它啊！我搜索我所有的CSS文件，我无法找到element.style任何地方。原来这是在system.css东西这咋办呢。。。。。结

效果图 翻转方向样式 .arrow-lt { -webkit-transform: rotate(-45deg); margin-right: 3px; } .arrow-lt, .arrow-rt { display

用CSS让元素居中显示并不是件很简单的事情—同样的合法CSS居中设置在不同浏览器中的表现行为却各有千秋。让我们先来看一下CSS中常见的几种让元素水平居中显示的方法。 　　1.使用自动外边距实现居中 　　CSS中首选的让元素水平居中的方法就是使用margin属性—将元素的margin-left和margin-right属性设置为auto即可。在实际使用中，我们可以为这些需要居中的元素

display:block就是将元素显示为块级元素.　　block元素的特点是：　　总是在新行上开始；　　高度，行高以及顶和底边距都可控制；　　宽度缺省是它的容器的100%，除非设定一个宽度　　, , , , 和 是块元素的例子。　　display:inline就是将元素显示为行内元素.　　inline元素的特点是： 　　和其他元素都在一行上；