发表于: 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;
}
明天计划的事情
切图,编写表单
遇到的问题
设置的字体显示在网页上太大,不知道为什么会这样
收获
对盒子模型和浮动布局更加熟悉了
评论