css--体验

 

一:

1.overflow-x: scroll;  文本框加滚动条 横向加滚动条

2.overflow-y: scroll;  文本框加滚动条 纵向加滚动条

 

二:em弹性布局

css中em的使用方法

em的使用方法的总结：

　　1. 浏览器的默认字体大小是16px，可以在浏览器中设置默认的字体大小（下面的Chrome浏览器的设置方法）

       

　　2.  em是一个相对的单位，是当前元素相对于父元素字体的大小而言的；例如：父元素设置font-size: 32px ，子元素设置font-size: 1em ，那么子元素的字体大小也是32px

　　3.  如果父元素没有设置字体大小的话，就是想对于浏览器默认的字体大小而言的

　　4.  除了元素字体可以设置em，元素的width，height， padding，border，margin 都是可以设置em的 

 

 三: 图像镜像翻转

.mirrorRotateLevel {          /* 水平镜像翻转 */
    -moz-transform:scaleX(-1);
    -webkit-transform:scaleX(-1);
    -o-transform:scaleX(-1);
    transform:scaleX(-1);
    /*兼容IE*/
    filter:FlipH;
}
.mirrorRotateVertical {        /* 垂直镜像翻转 */
    -moz-transform:scaleY(-1);
    -webkit-transform:scaleY(-1);
    -o-transform:scaleY(-1);
    transform:scaleY(-1);
    /*兼容IE*/
    filter:FlipV;
}