学习Css补充知识点

1、text-transform: capitalize;UpperCase等

2、border-size:box，边框在定义的宽高范围内画，  content默认，在宽高外画。元互的宽高只指内容

3、letter-spacing: 1px

4、background-image:url('/i/eg_smile.gif');background-size:contain把图像图像扩展至最大尺寸，以使其宽度和高度完全适应内容区域。

cover把背景图像扩展至足够大，以使背景图像完全覆盖背景区域。背景图像的某些部分也许无法显示在背景定位区域中。

5、transition 属性是一个简写属性，用于设置四个过渡属性：

• transition-property
• transition-duration
• transition-timing-function
• transition-delay

比如

transition:width 2s ease 5s;
-moz-transition:width 2s ease 5s /* Firefox 4 */
-webkit-transition:width 2s ease 5s /* Safari and Chrome */
-o-transition:width 2s ease 5s /* Opera */

6、transform scale rotate

ul li:hover{ 
-webkit-transform:scale(1.5) rotate(10deg); 
-moz-transform:scale(1.5) rotate(10deg); 
-o-transform:scale(1.5) rotate(10deg); 
}