Dawn

左右宽度固定，中间自适应 *{ margin:0; padding:0;} body{ font-size:12px; background:#F3F3F3;} .wraper{ width:400px; height:200px; overflow:hidden; margin:200px auto; background:#FFF;} .wraper .side{ float:lef

这样的文字内容不固定、数量不固定的标签结构我用了ul>li>a来写，现在看来有点小问题，不如用div>a这样结构更为零活。下面代码的问题是在IE7与IE6下，最后一行的margin-bottom值显示不出来。 Test *{margin:0; padding:0;} li{list-style:none;} .box{width:300px; backgrou

1、li下面3px空白问题；2、父级高度未定，子元素margin-bottom；IE8下，最后一个失效。

选择器 {text-shadow:投影方式 X轴偏移量 Y轴偏移量 阴影模糊半径 阴影扩展半径 阴影颜色}box-shadow和text-shadow一样可以使用一个或多个投影，如果使用多个投影时必须需要用逗号“，”分开。取值：box-shadow属性至多有6个参数设置，他们分别取值：阴影类型：此参数是一个可选值，如果不设值，其默认的投影方式是外阴影；如

＊{ margin:0; padding:0;} body{ background:#ccc;} .less{ border-style:solid dashed dashed dashed; border-color:red transparent transparent transparent; border-width:10px 10px 0 10px;} .more{ bord

white-space值描述normal默认。空白会被浏览器忽略。pre空白会被浏览器保留。其行为方式类似 HTML 中的 标签。nowrap文本不会换行，文本会在在同一行上继续，直到遇到 标签为止。pre-wrap保留空白符序列，但是正常地进行换行。

简单的测试了一下，在IE6，7中，1、如果元素是block，设置display为inline-block时，不生效；2、如果元素是inline，设置display为inline-block时，生效；3、兼容IE6，7的方法是*display:inline; *zoom:1；4、inline元素在代码排版中要一行显示，不然相互之间会有小空格。display:inl

margin重叠问题的解决办法：父级：overflow:hidden、padding:1px、border:1px soild #000、 float:left子级：float:left

/* For IE 8 */-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";/* For IE 5.5 - 7 */filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Dire

给图片加边框 *{ margin: 0; padding: 0;} .photo-border{ position: relative; width: 220px; height: 220px; margin: 50px auto;} .photo-border img{ display:block;} .photo-border a{ position: absolute;