发表于: 2017-03-17 20:25:25

1 639


今日所做:

1.继续进行任务5,学习了flex布局,并使用flex对大盒子中的子元素进行垂直居中设置

2.通过设置footer的position为fixed,然后bottom:0,来使footer保持在底部不动

3.跟师姐学习了代码书写的一些规范:

(1)之前的css样式表书写的太混乱,没有按照一个属性值一行来写。然后师姐教给了一个

好方法,即使用ctrl+alt+L,可以实现自动排版。不过这个方法虽然方便,在今后我还是

在书写的时候就按照正确的排版来书写,养成一个良好的习惯。

(2)css样式表应该和html分开放,即单建一个css文件夹,然后把css属性值放进去,html

文件单独存放。在head中加上一个<link rel="stylesheet" href="css/hugongzhuye.css">

就链接到了css样式表中。

(3)此外,对于图片内容,也应该单独建立一个图片文件夹,把图片都放进去

(4)tab是一个很好用的快捷键,打代码的时候使用tab键会方便许多

(5)自己做的页面由于有个div的width设置了100%,这个时候如果div还有个padding的话,

就会溢出,学姐再次教了一个好的办法,即输入* {box-sizing: border-box;},这样就可以

对body内所有元素实现width加padding等于body的宽度,不会有溢出现象出现

明日计划:

1.学习代码书写规范,按照规范修改自己之前的代码

2.修改任务5

3.进行任务6

遇到的问题:

1.代码书写不规范,后来师姐过来,给传授了很多方法,受益良多;

2.设置完footer固定于底部后,内容部分的底部会被footer遮挡,后来询问同组组员,得知可以

在内容地下在加一个div,这样上面的内容就不会被遮住了




返回列表 返回列表
评论

    分享到