一些CSS方面的小技巧

1. 关于background的写法

    DIV.comment{background:#f0f0f0 url(url address) repeat-x left top}

    1）您可以看到background的第一个定义是一个颜色值这表示在背景图片失效的时候颜色将起作用。

    2）url括号中的引号是没有必要的，我们可以不写引号

    2. 关于Border的写法，如果您想定义div的四个边的颜色不同，而粗度和样式都一样，您可以这样写：

    DIV.special{border:1px solid; border-color:color1 color2 color3 color4}

    四种颜色一次是上，右，下，左的颜色

    3. 为了兼容所有的浏览器都可以显示半透明效果的写法

    .tranparent{

    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);

    -moz-opacity:0.5;

    -kHTML-opacity:0.5;

    opacity: 50%;

    position:absolute;/*注意必须是absolute的*/

    top:100px;

    left:100px;

    }

    4. _height,_width的作用

    使用_height解决float的div不闭合的问题，您可以将_height属性去掉就可以开到效果了。

    #wrap{ border:6px #ccc solid; overflow:auto; _height:1%;}

    .column_left{ float:left; width:20%; padding:10px;}

    .column_right{ float:right; width:75%; padding:10px; border-left:6px #eee solid;}

 5. 使用min-height min-width解决div，或者span的固定高度问题

    有时候我们需要设定某个元素固定高度，但是在firefox或者opera下面只设置高度，在内容不够多的时候，达不到预想的效果，这时候我们可以使用min-height

    6. 使用!important改变样式的优先级

    所谓的样式优先级是指，浏览器在应用样式时总是根据就近原则来应用样式，假定我们在一个页面中有三处都有对某个元素的定义，一处是在外部的CSS文件中，一处是在文件的head标签中定义内联CSS，另一处是在这个元素的标签内，那么根据就近原则此元素最终使用的样式是在标签内定义的样式，如果我们需要打破这种规则我们就可以使用!important指令

    a.test{color:red!important}

    这样即使在A元素内定义了color也不会应用，而是应用上面的定义