css3

1.不换行

white-space:nowrap;

2.强制换行

word-wrap:break-word;

3.css文本一处属性指定应向用户如何显示溢出内容

    .text{
      white-space: nowrap;
       200px;
      overflow: hidden;
      text-overflow: ellipsis;   //溢出部分为三个点
      若 text-overflow:clip;  //直接裁剪  
    }

 4.box-sizing

box-sizing:content-box|border-box|inherit
content-box是标准的盒模型,你设置的宽高不包括padding和border   宽高=你设置的宽高+padding+border
border-box是怪异盒模型  无论怎样设置,宽高就是你开始设置的宽高

5.文本方向

direction: rtl;  文字从右向左显示,但是顺序还是原本的顺序
unicode-bidi: bidi-override;先写的在最右边,后写的在左边

6.css3伪元素选择器

    .ipt::-webkit-input-placeholder{
        color: green;
    }
    .ipt::-moz-placeholder{
        color: green;
    }
    .ipt:-ms-input-placeholder{
        color: green;
    }
    .ipt::placeholder{
        color: green;
    }

7.transform 

　　matrix(number,number,number,number,number,number)：

　　　　 以一个含六个值的(a,b,c,d,e,f)变换矩阵的形式指定一个2D变换，相当于直接应用一个[a,b,c,d,e,f]变换矩阵

　　　　a c e

　　　　b d f  这种格式的    a,d是scale() c,b是skew() e,f是translate()