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

网页布局基础

难度入门
时长 1小时30分
学习人数
综合评分9.63
2052人评价 查看评价
9.9 内容实用
9.6 简洁易懂
9.4 逻辑清晰
这节课讲的超级好
老师讲的不错,但是z-index到底是什么,一直都没有说

最新回答 / 呦呦慕粉
<div class="content book">中,定义的这两个类,其实是一样的,没任何区别,你哪怕只用一个(比如只用content),然后把所有css样式全部放进去,这么做跟用两个类达成的效果一样。。。之所以用两个,完全是为了规整和集合,使得类似的样式在同一个类中,方便管理和修改。任务1.请补充使.content上内边距为44px,左右及下内边距均为15px;任务2.请补充使.book中的图片添加上1px 的#b1adaa色实线边框;任务3.请设置.book中的图片上下外边距为10px,...

最新回答 / JoveLin
缩进 Ctrl+]左缩进 Ctrl+[格式>无 Ctrl+0 (零)段落格式Ctrl+Shift+P应用标题1到6到段落 Ctrl+1 到 6对齐>左对齐 Ctrl+Shift+Alt+L对齐>居中 Ctrl+Shift+Alt+C对齐>右对齐 Ctrl+Shift+Alt+R加粗选定文本 Ctrl+B倾斜选定文本 Ctrl+I编辑样式表 Ctrl+Shift+E
#wrap{width:970px; margin:0 auto;}
#mainbody{margin-top:15px; width:100%; position:absolute;}
#left{width:110px; float:left;position:absolute; left:0; top:0; }
#mid{width:650px;border:1px solid #999; margin-left:100px;}
#right{ width:177px;border:1px solid #999; position:absolute; right:0; top:0;}
这老师的PPT真心6

最赞回答 / 慕粉1007068589
他们两个页面看起来是效果一样,但是盒子模型结构是不一样的,margin-left是改变的左外边距,left是向左移动
应该是这样吧
#mainbody {
width: 100%;
position: relative;
margin-top: 20px;
}
#content {
position: absolute;
top: 0px;
left: 200px;
}
#wrap{width:970px; margin:0 auto;position:relative;padding-top:0;padding-bottom:0;}
#mainbody{width:100%;margin-top:15px;}
#left{float:left;width:110px; }
#mid{float:left;width:650px;margin-left:13px;border:1px solid #999;}
#right{position:absolute;left:792px;border:1px solid #999;}

已采纳回答 / 慕粉0733272325
margin-left:200px宽度为左边sidebar的宽度加上20px
这位老师的ppt做的很6啊

最新回答 / 慕移动9181930
这个想要弄得清楚,最好学一下后台语言,如php了解表单数据是怎么提交给服务器端的。就能完全明白。貌似我错了呢,罪过
到底为什么给第一个块设置float:left;了,给第二个还没有设置float的时候,为什么第二个块不移到第一个块的右面??如果说第一个块已经没有在mainbody里,而第二个块还在mainbody里,所以起不了作用的话,那为什么上节课的就可以???
#wrap{ width:970px; margin:0 auto;}
#mainbody{ width:100%;overflow:hidden; margin-top:15px;}
#left{float:left;width:110px; }
#mid{float:right; margin-right:180px; width:650px; border:1px solid #999;}
#right{position:absolute; margin-left:790px;border:1px solid #999;}

已采纳回答 / 花事了l
不可继承的:display、margin、border、padding、background、height、min-height、max-height、width、min-width、max-width、overflow、position、left、right、top、bottom、z-index、float、clear、table-layout、vertical-align、page-break-after、page-bread-before和unicode-bidi。所有元素可继承:visibilit...
课程须知
1.一定要对HTML+CSS相关标签有所掌握;2.对网页布局知识有简单的了解
老师告诉你能学到什么?
1.掌握三大布局技巧——流式布局、浮动布局及绝对定位布局;2.精通标准文档流、盒子模型、float属性以及position属性等知识。

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消