19，css笔记

.div1{

transform:translateY(-50%);/**上移元素**/

-ms-transform:translateY(-50%);

-webkit-transform:translateY(-50%);

}

.div2{

transform:translateY(50%);/**下移元素**/

-ms-transform:translateY(50%);

-webkit-transform:translateY(50%);

}

.div3{

transform:translateX(-50%);/**左移元素**/

-ms-transform:translateX(-50%);

-webkit-transform:translateX(-50%);

}

.div4{

transform:translateX(50%);/**右移元素**/

-ms-transform:translateX(50%);

-webkit-transform:translateX(50%);

}

*****************************************************

 position:absolute;left:1185px;top:-120px;/*绝对路径左右上下*/

    background: url(../image/bg_nav.png )no-repeat left 10% top 10% ;  图片路径的上下左右

准透明度就是opacity,filter只有IE才能用,其他浏览器都支持opacity,

        margin: auto;/**居中显示*/

    ul li p{

            height: 0px;

            transition: height 1s; /*看过度效果过渡是元素从一种样式逐渐改变为另一种的效果*/

    overflow: hidden;/*当子容器这个div的宽度和高度都大于父容器这个div的时候，父容器并没有被内撑开而是依旧显示为我们指定的宽高*/

            margin: 0;

            background: #43688a;

        }

  var obj=$(this).siblings("p");    //  jquery  siblings 的遍历属性  这里是遍历所有的p属性