css笔记

CSS
    style内属性：属性名:值
    属性:属性名=""
    z_index:;值越大，优先级越高，越在上


    ol定义有序列表，type有A a 1 i    ol有个初始值start=""
    自定义列表dl  dt(靠边)  dd(前有空)
    ul定义无序列表，type有disc实心circle空心square正方形实心
      li是每一项
    边框 border-color border-width可以设置三角形
    圆角 border-radius可以设置四个属性值  border-top-left-radius可以设置两个属性值
    描边 outline和边框属性设置差不多 outline-offset向外扩张 可接受负值
    渐变 background: linear-gradient(direction, color-stop1, color-stop2, ...);
              direction可以是to right也可以是90deg
                    径向渐变-moz-radial-gradient(圆心,形状,颜色 所占区间)


选择器
    类选择器与id选择器扩展:div.div1类名为"div1"的div
    逗号选择器:全部参加
    子代选择器:>下一级 不可跳级;空格 所有子代
    属性选择器:[title]含title属性
               [title=W3C]title为W3C的
               [title~=W3C]用空格分隔的属性值
               [title|=W3C]用-分隔的属性值
               input[type="text"]类型为text的input按钮
事件
    active：单击
定位
    relative:相对于原来位置，原来占据空间仍存在，left向右，top向下
    absolute:相对于第一个采取定位的父元素定位，脱离文档流，原来位置不存在
    fixed:


CSS3
    transform:平移translate(x轴,y轴)  translateX() translateY()
              旋转rotate(5deg) 默认沿Z轴  rotateX() rotateY()   perspective(500px) 3d效果
              放缩scale(2,2)倍数 scaleX() scaleY()
              拉伸skew(5deg,5deg)拉伸后与x，y轴角度
             rotateX();translate3d(X,Y,Z);rotate3d(x,y,z,angle);定义位置transform-origin
    keyframes:@keyframes myanimation{ 
                  from{  }
                  to{  }
              }
              需要使用动画的对象中写
              -webkit-animation-name:;以下将name替换为
                  duration:;动画时间
                  iteration-count:;运行次数
                  direction:;运行方向，占用次数
                  fill-mode:forwards;不返回初始状态
                  delay:;延迟时间