发表于： 2018-07-28 09:52:45
1 656
编辑日报内容...
今天完成的事情：
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="" 用"."来选择类
返回列表
评论