css3常用属性

<pre class="prettyprint linenums">
CSS样式滤镜方法
ilter:alpha(opacity=50); /*IE滤镜，透明度50%*/
-moz-opacity:0.5; /*Firefox私有，透明度50%*/
opacity:0.5;/*其他，透明度50%*/
<br>
CSS背景渐变实例
background-image: -moz-linear-gradient(center top , #0496DA 0%, #0067CD 100%);
background-image:-webkit-linear-gradient(top, #0496DA, #0067CD);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#0496DA', EndColorStr='#0067CD');
<br>
段落首字符下沉
p:first-letter{
display: block;
margin: 5px 0 0 5px;
float: left;
color: #ff3366;
font-size: 5.4em;
font-family: Georgia, Times New Roman, serif; }
<br>
谷歌浏览器下文本框input 光标不居中解决办法
1、文本框的大小不可以太大，要不会不显示
2、文本框的height最好不要用height来设置用padding 填充来设置大小
<br>
CSS背景投影and圆角实例
1、box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 1px rgba(0, 0, 0, 0.3);
2、border-radius：1px 4px 8px 2px;
<br>
响应适布局适配移动设备
1、@media screen and (min-width: 960px) and (max-width: 1199px)
2、@media screen and (min-width: 768px) and (max-width: 959px)
<br>
child给不同放入标签添加样式
1、#active li:first-child{ color:#33C; }
2、#active li:nth-child(2){ color:#F00; }
#active li:last-child{ color:#639;}
<br>
CSS3 box-shadow阴影
1、box-shadow:(length) (length) (length) || color(语法) }
2、第一个length阴影水平偏移值，第二个length阴影垂直偏移值，第三个length阴影水模糊移值. 3、可以取正负值
4、-webkit-box-shadow(苹果浏览器)|-moz-box-shadow(火狐).
<br>
CSS3 text-shadow阴影
1、text-shadow:(length) (length) (length) || color(语法) }
2、第一个length阴影水平偏移值，第二个length阴影垂直偏移值，第三个length阴影水模糊移值. 3、可以取正负值
4、-webkit-text-shadow(苹果浏览器)|-moz-text-shadow(火狐).
</pre>