发表于: 2018-07-23 21:19:50

1 566


今天完成的事:

昨天任务一提交不合格,原因是没有自适应,今天修改了任务一并重新提交。

发现自己对于盒模型理解的还不透彻复习了盒模型的内外边距。

外边距:

围绕在元素边框的空白区域就是外边距,设置外边距通常用margin属性,这个属性接受任何长度单位、百分数甚至负值。

margin的默认值是0,所以没有为margin设置一个值就不会出现外边距。但是,在实际中,浏览器对许多元素已经提供了预定样式,外边距也不例外。例如在支持css的浏览器中,外边距会在每个元素的上面和下面生成“空行”。因此,如果没有为p元素声明外边距浏览器可能会自己应用一个外边框,但要是特别做了声明就会覆盖默认样式。

也可以为margin加单边外边距属性,如margin-top、margin-bottom、margin-left和margin-right

内边距:

元素的内边距在边框和内容之间,设置内边框通常用padding属性。CSS padding属性定义元素边框与元素内容之间的空白区域。

padding属性接受长度值或百分比,但不接受负值

当padding设置为半分比数值的时候百分比数值是相对于其父元素的width计算的,这一点和外边距一样。所以如果父元素的width改变,它们也会改变。

同外边距一样,padding的单边内边距属性分别是padding-top、padding-bottom、padding-left和padding-right。

明天计划的事情:

开始着手任务三的编写

补习补习补习基础知识包括html的基础标签的应用

遇到的问题:

ps完全不会用,切图成为了一个难题

更改任务一的时候对自适应还不是熟悉,经过了一个上午的学习加思考终于整明白了自适应是怎么实现的并改过来了

收获:

今天上午主要研究任务一没办法自适应的问题了,收获也算是颇丰,基本熟悉了自适应的概念

。今天又补习了内外边距的知识,巩固了内外编剧的相关知识。

ps已经会用一点点了,把任务三所需要的图片切下来了


返回列表 返回列表
评论

    分享到