发表于: 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的更多运用


返回列表 返回列表
评论

    分享到