css；js学习（一）

推荐基础前端学习地址https://ke.qq.com/course/315961蝉壳学院

清除浮动

.clearfix:before,.clearfix:after{
    content: "";
    display: table;
    }
.clearfix:after{
    content: "";
    display: block;
    height:;
    clear: both;
    visibility: hidden;
    overflow: hidden;
}

.clearfix{
    *zoom: 1;
}

缺点：ie6；7，不支持 :after；使用zoom：1；触发haslayout

网页图标

<link rel="shortcut icon" href="img/bg-timg2.jpg" type="image/x-icon" />

div居中

.wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -250px;//div的高度的一半
    margin-left: -200px;//div的宽度的一半
    width: 500px;
    height: 400px;
    background: #fff;
    border-radius:20px;
    overflow: hidden;
}

z-index: 10;//层级

//转换数组
oSpan = Array.prototype.slice.call(document.getElementsByTagName("span")),

//委托绑定元素事件
oUl.addEventListener('click', function (e) {
    var target = e.target;
    if(target.nodeName == 'LI'){
        oCard.style.left = '100%';
        oActive.innerHTML = target.innerHTML;
        oActive.classList.remove('active');
    }
})

demo地址https://pan.baidu.com/s/1VX6zgDaud5qjjlvYgCL3eQ     提取码：r5l6