收集一些常用效果以备查用

 

 

/*圆角*/

-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius:5px;

/*透明度*/
opacity:0.8;
filter:alpha(opacity=0.8);

/*阴影*/
-webkit-box-shadow: 0px 0px 25px #ccc;
-moz-box-shadow: 0px 0px 25px #ccc;
box-shadow: 0px 0px 25px #ccc;

/*文字阴影*/
text-shadow:0px 0px 3px #ccc;

/*媒体响应*/
@media all and (max-width: 1023px) {}

/*其他*/

/*手机版本禁止缩放*/
<meta name=”viewport” content=”width=device-width,inital-scale=1.0″>

/* 导航条标准CSS代码*/

.nav{ height:42px; background:url(../images/nav_bg.jpg);}
.nav li{ float:left; width:140px; height:42px; text-align:center;}
.nav li a{ font:14px/42px Arial; color:#000; display:block;}
.nav li a:hover{ background:url(../images/nav_on.jpg); text-decoration:none;}