发表于: 2017-03-29 23:57:12
2 598
今天完成的事情:(
认识了网页以及css:网页分为结构、样式、行为,三者相分离;css最好使用外链式,使用link标签关联到HTML文件中;
对布局有了一定的认识:浮动一般情况下伴随着清除浮动,因为浮动的怨妇的父级高度塌陷,后面标准流的内容会挤上去,所以要清除浮动,是父元素有高度,前后的内容都 不受影响,目前主流的清除浮动的方法是clearfix:after:{content:‘’;display:block;clear:both;};清除浮动的方法有很多种,一般也会是面试应常问到的,其他不是很完美的解决办法也要了解;
自适应布局:自适应布局一般情况下使用百分比表示长度,元素的长度会随着屏幕宽度来自动适应;
谷歌浏览器的开发者工具可以用来调试代码,可以看布局中的盒子模型的具体尺寸,还可以查看移动端设备的显示;
盒模型有两种:一种是w3c盒模型,即width是content的宽度,不包括盒子的padding和border;另外一种盒模型是IE盒模型,width包括盒子的padding和border;怪异盒模型是box-sizing:border-box;会使盒模型的width包括padding和border;正确的doctype声明下,IE6-8也会显示w3c的盒模型;
viewport会使移动设备显示网页的时候没有横向滚动条,会提高用户体验;
)
明天计划的事情:(接着往下完成任务)
遇到的问题:(清除浮动,在网上查找各种资料之后,对清除浮动有了很深刻的了解,有了解到触发BFC模式,会使元素内的浮动和外界不受影响)
收获:(今天学到了很多,每个知识点都值得花时间好好捉摸透彻,认识深刻了才会对编程有更深刻的认识,才不会浮于表面,所以细节很重要,懂没懂透彻自己最清楚,告诫自己!还没弄明白git上传代码,明天搞)
评论