搜索引擎模仿-html代码-BFW代码库

代码语言：html
所属分类：搜索
下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>SO靠谱</title>
    <style>
        html,body {
            height: 100%;
        }

        html,body,form,fieldset,input,p,img,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6 {
            margin: 0;
            padding: 0
        }

        ul,ol {
            list-style: none
        }

        img,fieldset {
            border: none
        }

        a {
            text-decoration: none
        }

        em {
            font-style: normal
        }

        body {
            background: #fff;
            font-size: 12px;
            font-family: arial;
            min-height: 512px;
            min-width: 1000px;
            position: relative
        }

        footer,header,nav,section {
            display: block\9
        }

        input::-ms-clear {
            display: none
        }

        .page-wrap {
            display: block;
            _height: 100%;
            min-height: 100%;
            position: relative
        }

        .clearfix {
            zoom: 1
        }

        a:hover {
            text-decoration: underline
        }

        .clearfix:after {
            clear: both;
            content: "";
            display: block
        }

        #skin_bg {
            background-color: #888;
            background-repeat: repeat;
            background-position: center top;
            background-size: cover;
            background-attachment: fixed;
            display: none;
            left: 0;
            position: fixed;
            _position: absolute;
            top: 0;
            z-index: -10
        }

        #skin_bg,#skin_bg img {
            height: 100%;
            width: 100%;
        }

        #header {
            height: 20px;
            min-width: 990px;
            padding: 10px 0 7px;
            position: relative;
            z-index: 11
        }

        #hd_nav {
            float: right;
            position: relative;
            z-index: 1
        }

        #hd_nav li {
            float: left;
            font-size: 13px;
            height: 16px;
            padding: 0 10px
        }

        #hd_nav a {
            display: inline-block;
            height: 14px;
            line-height: 18px
        }

        .skin #skin_bg {
            display: block;
            _display: none
        }

        #hd_nav li.changeskin,#hd_nav li.login {
            _display: none
        }

        #hd_nav li.login {
            border-right: none
        }

        #hd_nav li.login,#hd_nav li.setting {
            position: relative
        }

        #hd_nav li.login .uname {
            display: inline-block;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            width: 44px
        }

        body.widescreen #hd_nav li.login .uname {
            width: auto
        }

        #hd_nav a#user-login {
            margin-right: 10px
        }

        .skin #hd_nav li,.skin #so_weather .bar {
            border-right-color: rgba(255,255,255,0.2);
            border-right-color: #fff\9
        }

        .skin .skin-logo {
            background-image: url(https://p.ssl.qhimg.com/t01bf30d338a1898dc4.png)
        }

        #hd_usernav,#hd_setting {
            display: none;
            position: absolute;
            top: 37px;
            z-index: 1
        }

        #bd_logo {
            margin: 10px auto 25px;
            position: relative
        }

        #hd_usernav i {
            left: 70%;
        }

        #hd_setting a {
            padding: 0 15px
        }

        #hd_nav .new {
            background: url(https://p.ssl.qhimg.com/d/inn/c600cc2e/icon-redpoint.png) no-repeat left center;
            padding-left: 6px
        }

        #hd_setting .new1 {
            background: url(https://p.ssl.qhimg.com/d/inn/c600cc2e/icon-redpoint.png) no-repeat right top;
            _display: inline-block;
            padding-left: 10px
        }

        #hd_setting .add-card,#hd_setting .close-card,#hd_setting .add-oftenso,#hd_setting .close-oftenso {
            *display: none!important
        }

        #bd_logo.anime {
            -webkit-transition: margin .4s;
            -moz-transition: margin .4s;
            -ms-transition: margin .4s;
            transition: margin .4s
        }

        #hd_setting .add-card a {
            position: relative
        }

        body.widescreen #hd_usernav i {
            left: 50%;
        }

        #hd_setting #search_setting {
            *display: none
        }

        .skin-dark .skin-logo,.skin-logo {
            background-image: url("data:image/png;base64,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.........完整代码请登录后点击上方下载按钮下载查看