css3的使用(一)

css3

在css里插入图片，鼠标放上去会效果性的放大。
下面展示一些 css的代码。

<style type="text/css">   
body{       
    text-align: center;<!--居中对齐-->   
}   
img{       
   border-radius:50% ;<!--图片圆角效果-->       
   -o-transition: all 0.5s;<!--前缀解决不同浏览器的渲染效果-->       
   -webkit-transition: all 0.5s;       
   transition: all 0.5s;<!--过渡属性-->
       cursor: pointer;<!--鼠标变成手形-->   
}   
img:hover{       
transform: scale(1.1);<!--鼠标进入图片变大，缩放1.1倍-->   
}
</style>

hover伪类选择器

定义：hover在鼠标移到链接上时可以添加特殊样式。
用法：选择器：hover{属性：属性值}
比如：

a:hover{background-color:yellow;} 
.aa:hover{color:#FFF;background:#0C0;}

关于不同的浏览器，有不同的前缀修饰，具体参考见：caniuse.com