发表于: 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="" 用"."来选择类
评论