关于CSS和CSS3中一些注意事项1

关于怎么用boder属性设置出三角形状：

    width: 0px;

    height: 0px;

    border-top: 50px solid  red;

    border-right:50px solid blue ;

    border-left:50px solid green ;

    border-bottom:50px solid blueviolet ;



当将四条边设置成如上代码时，会出现一个由上下左右四个小三角形组成的正方形，若是咱们要取其中的一个，只须要将另外三边的颜色设置为透明色（transparent）就行。以下图所示：



-------------------------------------------------------------------------

关于内外边距（padding，margin）：

padding，margin能够有1到4个值，当设置的值个数不一样时，各个值所对应的意思也不一样；


- 当padding或者margin只有一个值时，表明一个元素全部边距的宽度

- 当padding或者margin有二个值时，第一个值表明上下边距，第二个值表明左右边距

- 当padding或者margin有三个值时，第一个值表明上边距，第二个值表明左右边距，第三个值代    表下边距

- 当padding或者margin有四个值时，分别表明上右下左边距


关于css3动画：

@keyframes 规则用于建立动画，好比

    @keyframes myfirst{

       from {background: red;}
  　 to {background: yellow;}
    }

这里须要注意的是，建立动画的时候，from和to 里面不能设置相同属性的值，例如2D转换（transform)中包含了translate(), rotate() ,scale(), skew(), matrix() 5种方法，在建立动画的时候，不能这样写：

    @keyframes myfirst  {

    　　from {transform: translate();transform: scale();}
    　　to {transform: translate();transform: scale();}

    }

这样写是不会所有执行的，前面的位移会执行，可是后面的放大就不会执行。