发表于: 2017-03-07 21:15:54

1 656


今天完成的事

1.了解css盒模型(CSS盒模型指可以设置宽度高度/内边距/边框/外边距的标签)。

2.了解了浮动的使用(浮动流只有一种排版方式, 就是水平排版. 它只能设置某个元素左对齐或者右对齐)。用固定大小的px,在一个大的div中嵌套9个小的div,并且用浮动流布局成9宫格。然后为小方块设置背景颜色,添加圆角。

3.自适应:在网页代码的头部,加入一行viewport元标签<meta name="viewport" content="width=device-width, initial-scale=1" />viewport是网页默认的宽度和高度,上面这行代码的意思是:网页宽度默认等于屏幕宽度(width=device-width),原始缩放比例(initial-scale=1)为1.0,即网页初始大小占屏幕面积的100%。九宫格宽高不能使用固定值,需要用百分比。

4.配置了nginx,用手机访问九宫格网页,注册github并上传代码。

明天计划的事

1.完成任务2。

2.学习任务3的知识。

遇到的问题

1.九宫格高度问题,后来看了师兄的代码,宽高直接用padding。百度了解子元素高度设置百分比,要先给父元素设置高度。

2.使用浮动后,浮动元素脱离标准流浮动元素内容的高不可以撑起盒子的高。大盒子没有高度,百度查资料后,通过清除浮动,使大盒子有高度。参考http://www.iyunlu.com/view/css-xhtml/55.html。文中提到的BFC还是不懂。

3.最近看知乎都说新人不好找工作。唉,既然入坑了,含泪也要学完



返回列表 返回列表
评论

    分享到