<b>很少人知道的几个有效的Css本领</b>[网站美工]

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;}

<div id="wrap">
<div class="column_left">
<h1>Float left</h1>
</div>
<div class="column_right">
<h1>Float right</h1>
</div>
</div>

5. 利用min-height min-width办理div,大概span的固定高度问题
有时刻我们需求设定某个元素固定高度,但是在firefox大概opera下面只设置高度,在内容不够多的时刻,达不到预想的效果,这时刻我们可以利用min-height

6. 利用!important改变款式的优先级
所谓的款式优先级是指,浏览器在利用款式时老是按照就近原则来利用款式,假定我们在一个页面中有三处都有对某个元素的定义,一处是在外部的CSS文件中,一处是在文件的head标签中定义内联CSS,另一处是在这个元素的标签内,那么按照就近原则此元素终究利用的款式是在标签内定义的款式,假如我们需求冲破这种法则我们便可以利用!important指令
a.test{color:red!important}
这样即便在A元素内定义了color也不会利用,而是利用上面的定义

7. 利用media指令引入两种CSS:打印版本的CSS和屏幕显示的CSS
<link type="text/CSS" rel="stylesheet" href="url " media="screen" charset="utf-8" />
<link type="text/CSS" rel="stylesheet" href="url" media="print" charset="utf-8" />

　　以上是“<b>很少人知道的几个有效的Css本领</b>[网站美工]”的内容，如果你对以上该文章内容感兴趣，你可以看看七道奇为您推荐以下文章：