发表于: 2018-07-28 09:52:45

1 658


编辑日报内容...

今天完成的事情:
1.了解了盒子模型
2.了解了浮动
3.做出了基本的九宫格页面


明天计划的事情:继续完成任务1


遇到的问题:
没有静下心来思考任务目标,而是被那些信息牵着鼻子走,麻木的看各种技术文档。

怎么才能把所有格子显示在一个页面下而不滚动


收获:

盒子模型
content是放置内容。它的寛是width,高用height来表示
border是边框,可以被调节厚度、颜色、样式
padding是内边距,是透明的
margin是外边距,和padding一样是透明的
整个盒子的长度=width+2*border+2*padding+2*margin,宽度同理
了解了盒子模型每个属性的设置语法
学习了border- radius的设置语法

盒子还可以通过设置百分比的方式设置高度,不过要注意先设置父元素的长度,否则百分比无法取值。

了解了overflow

padding-bottom百分比是继承父级元素的width。

了解了浮动,浮动的元素会在碰到其他浮动的元素或者边框而停止,浮动可以向左、向右和不浮动三个值。
学会了如何给元素命名 class=""    用"."来选择类



返回列表 返回列表
评论

    分享到