张建军-2020-10-30

<meta charset="utf-8" />
        <title>百度一下,你就知道</title>
        <link rel="shortcut icon" href="img/favicon.ico"/>
        <link rel="stylesheet" href="css/ccc.css" />
    </head>
    <body>
        <!---整个页面--->
        <div class="page">
            <!--页眉---->
            <div class="header">
                <!--页眉的左边--->
                <div class="header-left">
                    <a href="javaScript:void(0)">新闻</a>
                    <a href="javaScript:void(0)">hao123</a>
                    <a href="javaScript:void(0)">地图</a>
                    <a href="javaScript:void(0)">视频</a>
                    <a href="javaScript:void(0)">贴吧</a>
                    <a href="javaScript:void(0)">学术</a>
                    <a href="javaScript:void(0)">更多</a>
                </div>
                <!--页眉的右边--->
                <div class="header-right">
                    <a href="javaScript:void(0)">设置</a>
                    <a class="btn" href="javaScript:void(0)">登录</a>
                </div>
            </div>
            <!--logo--->
            <div class="logo">
                <img src="img/dudu.png" width="270" height="129"/>
            </div>
            <!--搜索框--->
            <form>
                <div class="search">
                    <div class="inp">
                        <input type="text" />
                        <span title="按图片搜索"></span>
                    </div>
                    <div class="search-btn">
                        <input type="submit" value="百度一下"/>
                    </div>
                </div>
            </form>
        </div>
    </body>
</html>





百度页面的css文件
*{
    margin: 0;
    padding: 0;
    border: 0;  
}
/*整个页面*/
.page{
    width: 100%;
    height: auto;
}
/*页眉*/
.header{
    width: 100%;
    height: 60px;
}
/*页眉的左边*/
.header-left{
    width: 448px;
    height: 100%;
    padding-left: 24px;
    line-height: 60px;
    float:left;
}

心得体会:第二天的实训还是充实的一天,老师讲解的清楚,演示的过程也比较细致,还是学到了一些有用的东西,在过程遇到一些问题也通过和同学们商讨解决了问题,完成了作业,又是丰富自己的一天。

标签

评论

© 2021 成都云创动力科技有限公司 蜀ICP备20006351号-1