IFE笔记
zhuyi_77
这个作者很懒,什么都没留下…
展开
-
task0001第六部分之水平居中问题
一、用两种方法来实现一个背景色为红色、宽度为960px的在浏览器中居中 1)首先来分析一下居中,如果一个固定宽度的div的最左最右两端到浏览器窗口的距离是相同的,那么这样这个div相对于浏览是水平居中的。 题目由于给定了宽度,使用margin:0 auto;两边的距离自适应,就可以让这个div水平居中了 <style> .box{ width: 96原创 2016-09-24 18:18:51 · 439 阅读 · 0 评论 -
task0001第六部分之三列布局
用两种不同的方式来实现一个三列布局用两种不同的方式来实现一个三列布局,其中左侧和右侧的部分宽度固定,中间部分宽度随浏览器宽度的变化而自适应变化 两种方法就是说圣杯布局,和双飞翼布局….. 之前停留在在听说的阶段,一直以为摆出一个圣杯的样子的布局…嗯…好名字…..圣杯布局如果要让三个div在一个大div中紧挨横放,那会想到浮动,或者把div的display改成内联块状。 这个布局就是把左中右都浮原创 2016-09-25 23:06:17 · 345 阅读 · 0 评论 -
task0001第六部分之负边距
负边距之前对负边距没有理解,网上搜索了一些资料,解答了一些疑问。移动位置设置了负边距能生效的元素会有以下移动的规律:marin-left(或margin-top):元素会沿水平(或垂直)方向根据设置的值自身位置发生移动。left为负时就是往左方向移动,top就是往上移动。 margin-right(margin-bottom):它不会移动该元素(该元素不变化),但会使该元素后面的元素往前移动。有很原创 2016-09-27 20:33:04 · 228 阅读 · 0 评论 -
task0001第六部分之两列布局
用两种不同的方法来实现一个两列布局,其中左侧部分宽度固定、右侧部分宽度随浏览器宽度的变化而自适应变化首先html里要有两个div,而且这两个div顺序左边先加载,右边后加载。<body> <div class="left">left</div> <div class="right">right</div> </body> css中,设置左边的div宽度为100px,两个div都没有内原创 2016-09-25 11:25:34 · 263 阅读 · 0 评论 -
task0001第六部分之BFC,IFC
FC之前在两列布局的笔记里面写了有关BFC的理解,但是还有很多FC啊,什么IFC,GFC,FFC(后两个CSS3中引入) 那它们共同点就是…都有个FC,FC是什么呢….. FC呢就是Formatting context,format就是安排…的格局,排版,使…格式化的意思,context呢就是语境,上下文,背景,环境的意思。 那所以它的意思就是安排排版环境…其实刚开始看到格式化上下文……我也只原创 2016-09-27 21:32:27 · 379 阅读 · 0 评论