为了账号安全,请及时绑定邮箱和手机立即绑定

网页布局基础

难度入门
时长 1小时30分
学习人数
综合评分9.63
2052人评价 查看评价
9.9 内容实用
9.6 简洁易懂
9.4 逻辑清晰
层模型有三种形式:
绝对定位(position: absolute)
相对定位(position: relative)
固定定位(position: fixed)
overflow:hidden;就行,width:100%;没必要。
原来是mainbody...这节课我一直在思考门玻璃是啥....蓝瘦..
把边框都算进去的前面肯定没学好。width、height表示的就是盒子的宽、高,想想盒子包不包括边框吧/鄙视
而且mainbody中的left设置了浮动之后(right没有设置浮动),mainbody的高度减少了,减少的就是left的高度。
当left和right设置成浮动之后为什么mainbody会不见了呢?因为mainbody包含着left和right,当left和right脱离了文档流之后(设置了浮动),那么mainbody就没有内容了(不就看不见了?)。其实要使mainbody看得见只要给他一个高度就看的见了,但在一个网页中,显然固定的高度是不好的,所以就用清除浮动来清除浮动给它带来的影响。这时clear:both为什么没有效果呢?因为clear:both是清除浮动的后面的元素的,所以没有效果。你可以给mainbody加个内容,此时可以看见mainbody并不是在被浮动的后面的。
老师的声音真好听
1.定义一个内部样式text=css
2.插入图片 设定上下边距 左右边距 用margin,并且设置边框(粗细 格式 颜色-不可少 空壳 )
讲了盒子3D
3.为实现包裹层 加一个模块div 设置边框的粗细 格式和颜色
4.为背景图片book加一个样式,插入book,设置no repeat 再通过样式追加的方式加到content的盒子里去。
在本例中是div class="content "变成div class="content book"
5.背景被图片覆盖了 怎么办 设置盒子的内容即content的padding。微调。
6.初始化。
刚学觉得这个幕课网太有用了大力给赞
要多看几遍
自己做出了个一模一样的界面,全程自己打,没有参考老师的代码,学习到好多,建议大家也做一做,发现问题解决问题才能更快的进步。
弱弱的问下 firefox里面用的 工具叫啥
我直接设置div{margin:0 auto}就可以是页面居中了
很好,教的很详细
课程须知
1.一定要对HTML+CSS相关标签有所掌握;2.对网页布局知识有简单的了解
老师告诉你能学到什么?
1.掌握三大布局技巧——流式布局、浮动布局及绝对定位布局;2.精通标准文档流、盒子模型、float属性以及position属性等知识。

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消