搜索引擎模仿-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,iVBORw0KGgoAAAANSUhEUgAAAPAAAABACAYAAAAkn/rnAAAfX0lEQVR4Xu1deXxcVb3//s6dpEm6pUuW0uKDsgh1Y1FAnjyr+GjSNKFNcu8NsihPtIoPBAVcHto+QRAfiDwRUR48RZbce6dr2iZFlgraoiwPkE0KpWzN1nRLk2aZOb/3OZOZ6WQyk3tnMlnQOX+1md/5nd/5nfs7y+/8ft9DGKti67mlU3Asazyfgeka81QGTQbjEBF1Bkl2ckDsFB37t7de9FDXWImVbSergfezBmi0hJ+5qXperhCfBeGzYPpnAEcTQXNrj8FMTO8y4c8AHg1IPLq73PmbW73s71kN/CNqIKMGXLhmaWF+ns8E4SIQnZkphTLzSwDu7e+n+zsqnfcyxTfLJ6uB97sGMmLAsxr0ubm5fA1AXwaQP1pKYUaQAIshb2gpW6WMOluyGviH1sCIDFituHn5OdcR8BUQcsdKk2qbDcDf20tX7a1y3h6rdrPtZDUw0TSQtgHPadIvZOKbCVQ8Xp1ioAvM17W89eZPsfyZ/vGSI9tuVgPjpYHUDXhT+aRSMeUuIlw4XkLHt8vAH7q6AjWd1Ws6JopMWTmyGhgLDaRkwMXrqkpE3qS1BJwxFsKl0gYDb4JlZfZsnIrWsrTvdw14Nu.........完整代码请登录后点击上方下载按钮下载查看