css3常用属性

 
  
 CSS样式滤镜方法 
  
 ilter:alpha(opacity=50); /*IE滤镜，透明度50%*/ 
  
 -moz-opacity:0.5; /*Firefox私有，透明度50%*/ 
  
 opacity:0.5;/*其他，透明度50%*/ 
  
 
 
  
 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'); 
  
 
 
  
 段落首字符下沉 
  
 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; } 
  
 
 
  
 谷歌浏览器下文本框input 光标不居中解决办法 
  
 1、文本框的大小不可以太大，要不会不显示 
  
 2、文本框的height最好不要用height来设置用padding 填充来设置大小 
  
 
 
  
 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; 
  
 
 
  
 响应适布局适配移动设备 
  
 1、@media screen and (min-width: 960px) and (max-width: 1199px) 
  
 2、@media screen and (min-width: 768px) and (max-width: 959px) 
  
 
 
  
 child给不同放入标签添加样式 
  
 1、#active li:first-child{ color:#33C; } 
  
 2、#active li:nth-child(2){ color:#F00; } 
  
 #active li:last-child{ color:#639;} 
  
 
 
  
 CSS3 box-shadow阴影 
  
 1、box-shadow:(length) (length) (length) || color(语法) } 
  
 2、第一个length阴影水平偏移值，第二个length阴影垂直偏移值，第三个length阴影水模糊移值. 3、可以取正负值 
  
 4、-webkit-box-shadow(苹果浏览器)|-moz-box-shadow(火狐). 
  
 
 
  
 CSS3 text-shadow阴影 
  
 1、text-shadow:(length) (length) (length) || color(语法) } 
  
 2、第一个length阴影水平偏移值，第二个length阴影垂直偏移值，第三个length阴影水模糊移值. 3、可以取正负值 
  
 4、-webkit-text-shadow(苹果浏览器)|-moz-text-shadow(火狐).