张建军-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;
}
心得体会:第二天的实训还是充实的一天,老师讲解的清楚,演示的过程也比较细致,还是学到了一些有用的东西,在过程遇到一些问题也通过和同学们商讨解决了问题,完成了作业,又是丰富自己的一天。
近期评论