发表于: 2019-06-02 00:04:49
1 780
今天完成的事
1.调整logo的位置
设定上内边距为3em
margin-top:3em; /*设定上外边距为3em*/
2.调整图标1和图标2的高度
设定上内边距为6em
margin-top:5em; /*设定上外边距为5em*/
3.调整logo的大小
设定高度为35px
h1.heightp img{
height: 35px; /*设定logo高度为35px*/
}
4.调整图标1和图标2的大小
设定高度为40px
.heightp img{
height: 40px; /*设定两个图标高度统一为40px*/
}
5.统一文字风格
.Typeface{
color: rgb(255, 255, 255);/*设置字体颜色*/
font-size: 0.2em; /*设定字体大小为0.2em*/
6.初步完成任务3
明天计划的事
1.学习如何创造表单
2.布局表单内容,至少包含input和button
遇到的问题
1.宽度收缩到最小(小于320)整个布局就不能保持
收获
1.将CSS文件引入背景改为在HTML文件引入背景,背景依旧不能正常显示。然后将背景图的文件由”图层 0.png“改为”图层背景.png"就能正常显示了 服务器系统不能识别带有空格的文件名。
2.学会使用类选择器来统一相同性质元素的风格
3.学会在CSS文件里设置图片高度
.heightp img{
height: 40px;
}
4.学会绝对定位设置水平居中
position: absolute;
left: 50%;
margin-left: -16px;
评论