c3属性

max-width   min-width   最大宽度和最小宽度  (同理  最大高度和最小高度)

盒模型的怪异模式   box-sizing:border-box

文本分栏:column-width  每栏的宽度

              column-count 有多少栏

              column-gap 栏间距

              column-rule: 1px solid #ccc 分割线(类似于border);

              背景图尺寸:background-size:width height;

              背景的渐变:  background属性中的linear-gradient(left,yellow,blue);注意   需要加浏览器前缀

               火狐  -moz-

               谷歌-webkit-

               欧朋.......

               ie:-ms-

               outline 轮廓线  不会占据空间       动态添加边框不占空间

               transition 动画效果     用来监控属性的变化     如果属性发生变化   则通过动画改变    

                      transtion  :   变化的属性(all)   变化的时间(1s)

             transform :   --------> 

                    旋转 rotate()   旋转角度   单位 deg

                    元素缩放:  scale()                       中心缩放

                    skew(x,y)  扭曲     内容一起扭曲

         元素平移   transform:translate(100px,100px)

        元素水平垂直居中   

            水平 margin :  auto;

            1.元素有固定的宽高       position:absolute  left 0  ; right: 0 ;  bottom 0  ;  top:0  ; margin auto

             2  left  top  都为50%     margin-left:元素自身宽度的一半 margin-top:元素自身高度的一半

         如果元素没有 固定的宽高:left :50%,top:50%  transfrom:translate(-50%,-50%)

   

  animation                        @keyframes(from..to    //百分比)   

    定义旋转点的中心位置    transform-origin   

 

  动画的暂停:   infinite   动画重复运动      暂停pursh