发表于: 2018-07-20 23:23:58

1 607


今天完成的事情

1、对header和footer进行布局

(1)利用吸管工具获得颜色

(2)利用标尺工具确定距离

(3)确定文字大小

(4)编写样式

html{
font-size: 62.5%;
}
body{
font-family: 黑体;
   background-color: #eff0f4;
}
header, footer{
background-color: #5fc0cd;
   color: white;
   text-align: center;
   height: 6rem;
   line-height: 6rem;
}
header div{
display: inline-block;
}
.register{
float: left;
   font-size: 2.6rem;
   margin-left: 3rem;
}
.close{
float: right;
   font-size: 2.6rem;
   margin-right: 3rem;
}
.login_top{
font-size: 3rem;
}
main{
color: #e1e5e7;
   font-size: 2.4rem;
}
main div{
background-color: white;
}
footer div{
font-size: 3rem;
}

明天计划的事情

切图,编写表单

遇到的问题

设置的字体显示在网页上太大,不知道为什么会这样

收获

对盒子模型和浮动布局更加熟悉了


返回列表 返回列表
评论

    分享到