17.1.4 布局

1.复习了两列,三列布局,主要是设置float上,一般设置了float,后面可以设置多一个inline,这样能保证ie6的双边距问题。还有设置宽度的问题,要百分比还是什么的看需要,px和em中em采用默认的字体大小可以实现弹性布局。

2.还在task001纠结。

3.不要把问题复杂化,做会做的先;不要因为纠结一个图标的位置,连基本的布局都不能实现

4.relative和absolute 一起用时,记得relative要有高,才能相对父元素来定位bottom

5.用背景图时候如果和上一个模块产生间隙。试下overflow在背景图的标签内

6.背景图渐变,分浏览器http://blog.csdn.net/netbug_nb/article/details/44343809 有无to,只是方向的区别,尽量不用那个to。

7.媒体查询@media screen and(max-width:1200px){} 当显示小于1200px执行{}中的css代码

8.dl dt dd 真的很多都可以用到这个啊!http://blog.csdn.net/simaweier/article/details/41075801

9.圣杯布局与双飞翼布局,圣杯是3个div,而双飞翼是1+(1)+1的布局,就是在中间的div又加了一个div,圣杯中间的宽度不是100%,而双飞翼的是100%,这部分还是留着下次接着看吧。。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,696评论 1 92
  • 前言 温馨提示:本文较长,图片较多,本来是想写一篇 CSS 布局方式的,但是奈何 CSS 布局方式种类太多并且实现...
    sunshine小小倩阅读 8,377评论 0 59
  • 1.瀑布流布局 思路:要求:当图片宽度相同,高度不同时;如何做一面图片墙;每次图片加载到每列最低的位置;1.图片的...
    饥人谷_楠柒阅读 7,416评论 2 54
  • 前言 因为要在团队内作一次技术分享,想了几个题目,最后还是决定系统总结一下我在CSS布局这方面的知识。一是这个题目...
    Samhanx阅读 3,833评论 0 6
  • 三栏式布局 涉及浮动和清除浮动,主要讲解“圣杯”和“双飞翼”两种解决方法。这两种方法实现的都是三栏布局,两边的盒子...
    紫电倚青霜阅读 6,906评论 0 6

友情链接更多精彩内容