发表于: 2017-07-26 23:33:16
1 704
今天完成的事情:
修改完所有接口,并进行自测,与后端和后台进行了联调,小问题有很多,后端修改bug修改了一天。计划明晚6点demo。
小课堂课后讨论:
1.我们经常会遇到写了一个样式后没显示的情况,如何判断是否是优先级的问题?
打开浏览器F12,直接看对应的标签,如果样式显示被横线划掉,说明就是权值问题。
2.在用css选择器的时候我们还会遇到什么问题?
如何使用相应的选择器更好用少量代码去实现同样的需求,比如导航栏使用<li></li>标签的时候,我们可以给每一个li标签都加相同的class,也可以使用子选择器,用子选择器就能更少的使用不必要的class。
3.margin负值还能运用到哪些地方?
处置居中,让两个元素重叠等等
4.margin负值对浮动元素有什么影响?
其一,对自身的影响.
当元素不存在width属性或则width:auto的时候,负值margin会增加元素的宽度.(注意:这仅仅是在元素不存在width属性或则width属性默认的时候,如果有宽度设置,margin-left和margin-right为负值时,会发生位移.)
其二,对文档流的影响
元素如果用了margin-left:-100px;其会向左位移100px,但是和相对定位不同的是,在其后面的元素会进行补位,也就是后面的行内元素会紧贴在此元素之后.即,如果不脱离文档流不浮动的话,margin为负值的元素不会破坏页面的文档流.
当然,如果你用负margin上移一个元素,接下的元素都会跟着上移.
其三,对浮动元素的影响
负margin会改变浮动元素的显示位置,即使我的元素写在DOM的后面,我也能让它显示在最前面。圣杯布局、双飞翼布局啊什么的,都是利用这个原理实现的。
其四,对绝对定位的影响
对于绝对定位的元素,设置了margin负值之后,会根据它定位的位置进行再位移.
明天计划的事情:
做最后的测试,进行代码codeReview,进行ui自检,功能性测试,性能测试,demo
遇到的问题:
暂无
收获:
负margin的更多运用
评论