随着一阶段课程的结束,二阶段接踵而至,我们的学习也从HTML5基础知识转向了JavaScript。经过在千锋郑州HTML5培训班一个多月的学习,我学会如何快速的写页面,期间也遇到了很多的问题,接下来我就给大家分享一下。
问题一:不知道应该给padding还是margin以及在给padding值时需不需要进行减法。
解决办法:办法比较实在,就是不停地去尝、验证,然后对出现的结果进行分析和总结。padding指的是元素内部的距离,即在同一块状内部的内容之间的距离。而margin是指边框到边框的距离,即一个块状元素与另一个快状元素之间的距离。在给了div固定的宽和高的时候,如果给其内部的元素左右padding和上下padding时,则需要将div的宽高减去二倍的左右和上下padding,因为padding这个值相当于给予了元素一定高度的填充物。而如果你不给div高度和宽度的时候,即此div完全由内部元素来撑出来,就不需要考虑padding的减法。
问题二:如何实现元素的居中?
第一种方法是定位,代码是:position:absolute;left:0;top:0;right:0;bottom:0;margin:auto。在这里left,top,bottom,right的值只要相同就可以让该元素居中显示,在给子元素定位的时候,千万不要忘记给父元素添加position:relative。
第二种是将div转换为flex,代码是:display:flex;justify-content:center;align-items:center。在flex布局里,justify-content是设置项目在水平轴上的排列方式,而align-items是设置项目在垂直轴上的排列方式,分别赋予center值即为水平居中,垂直居中,而达到元素居中的效果。
第三种也是定位,代码是:position:absolute;left:50%;top:50%;margin-top:-50px;margin-left:-50px。前两种是我比较常用的方法,第三种不常用就不多说了。
进入新的学习阶段后,我遇到的最大的问题就是在课堂上跟着高老师的思路走,所有的都能听懂,但是在做作业以及日常练习时,脑子里经常一片空白,会不知道应该从哪里入手。对于这个问题,我现在所能想到的解决方法就是在平时做作业以及练习时会尽量动手去尝试着编写代码,将一些基础的代码编写出来后,对其进行操作,尽量多练习,多去尝试,多去开创自己的思维。
参加千锋郑州HTML5培训我学到了很多知识,正式迈进了前端的大门。当然我还有更多的知识要学,这都需要我们在以后的学习和工作中不断地实践并总结经验,只有踩在这些基石上我们才能够更进一步。
相关文章
了解千锋动态
关注千锋教育服务号
扫一扫快速进入
千锋移动端页面
扫码匿名提建议
直达CEO信箱