前端CSS使用经验记录

本文记录在前端开发中经常使用的一些样式处理。

1. div中文本换行展示

   white-space:normal;

2. 禁止页面选中复制

   -moz-user-select: none;
   -webkit-user-select: none;
   -ms-user-select: none;
   -khtml-user-select: none;
   user-select: none;
   

3. 圆角边框

   border-radius:15px;

4. CSS3动画效果

   div{
   animation: myfirst 5s;
   -moz-animation: myfirst 5s; /* Firefox /
   -webkit-animation: myfirst 5s; / Safari 和 Chrome /
   -o-animation: myfirst 5s; / Opera */
   }

   @keyframes myfirst
   {
   from {background: red;}
   to {background: yellow;}
   }
   

   @-moz-keyframes myfirst /* Firefox */
   { from {background: red;}
   o {background: yellow;}
   }
   

   @-webkit-keyframes myfirst /* Safari 和 Chrome */
   { from {background: red;}
   to {background: yellow;}
   }
   

   @-o-keyframes myfirst /* Opera */
   { from {background: red;}
   to {background: yellow;}
   }

5. CSS3过度效果