发表于: 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;



返回列表 返回列表
评论

    分享到