作业
今日作业
必做题
1.日考题总结并整理到个人博客中
2.从头到位敲一遍今天的css选择器及样式代码
选做题
1.尝试着搭建小米导航条(练习浮动 不要求搭的多好看)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>xiaomi</title>
<style>
body{
margin: 0;
}
.c1{
margin:5px;
color:rgb(176,176,176);
display:inline-block;
}
#d1{
background: rgb(51,51,51);
height: 60px;
}
#d2{
height: 60px;
/*background: green;*/
1700px;
margin: auto;
}
#d3{
height: 60px;
800px;
float:left;
}
#d4{
height:60px;
120px;
float:right;
}
#d5{
height:60px;
200px;
float:right;
}
a:hover{
color:white;
}
</style>
</head>
<body>
<div id="d1">
<div id="d2">
<div id="d3">
<a class="c1">小米商城</a>
<a class="c1">商品信息</a>
<a class="c1">云服务</a>
<a class="c1">下载app</a>
<a class="c1">售后服务</a>
</div>
<div id="d4"><a class="c1">购物车</a></div>
<div id="d5">
<a class="c1">登录</a>
<a class="c1">注册</a>
<a class="c1">消息通知</a>
</div>
</div>
</div>
</body>
</html>