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

网页布局基础

难度入门
时长 1小时30分
学习人数
综合评分9.63
2052人评价 查看评价
9.9 内容实用
9.6 简洁易懂
9.4 逻辑清晰

已采纳回答 / pardon110
你写的清除浮动失败,将.left与.right类所在的div置于#mainbody内就可以了。

已采纳回答 / 零下的夏天
一个元素设置背景,再设置padding的话,如果不设置background-origin(背景从什么地方开始)的话,默认都是从padding开始的

已采纳回答 / pardon110
background-color 属性用来定义元素的背景颜色。body {background-color: #b0c4de;}CSS中,颜色值通常以以下方式定义:十六进制 - 如:#ff0000    它的三位颜色简写为 #f00RGB - 如:rgb(255,0,0)颜色名称 - 如:red默认 - transparent,透明之意。如果一个元素没有指定背景色,那么背景就是透明的。inherit 从父元素继承背景颜色,这个在IE上存在兼容问题。

已采纳回答 / Kusoku
box2并没有变短,只是左边部分变得不可见而已,body的长度也不会受到影响;其实你把box1的visibility设置不可见就能看出来;浮动框之后的框外观不会受影响,但是其内部文本会因为浮动元素影响移出一定空间,产生环绕效果

已采纳回答 / ciloi
可以直接在content里写,老师应该是想让我们清楚,同一个元素加多个class也是可以的。。。。

已采纳回答 / pardon110
盒子模型3D图层展示, 类似ps中的图层原理,视角从上往下看,往下的图层会被上级图层所覆盖。boder                                    //最上层content+paddingbackground:imagebackground-colormargin                                //最底层

已采纳回答 / Perona
<a href="#"></a>这里的#链接的还是当前页面。其实就是锚点的用法。锚点语法:<a href="#锚点名">点击我跳到锚点去</a>...文字省略<a name="锚点名" >我是锚点</a>这里省略了锚点名,还是当前页面。

已采纳回答 / C12138
没有什么特别的意思!老师只是随便在键盘上敲了几个字,只是为了不让div标签是空的而已!

已采纳回答 / 紫色苜蓿
相对定位只是相对于自身而言它发生的偏移,但它还包含在标准文档流里,也可以认为是说,box2和box3得到的信息是——box1的位置没有发生偏移;可以把相对定位看作是一个幻影,你看到的效果是它覆盖了后面的内容,实际上机器语言编译出来的它还是在原来的位置没有发生偏移,box2和box3执行的是机器告诉它的信息

已采纳回答 / mozzie_
设置偏移,无已定位的祖先元素,是以<html>为基准偏移的。你这个也是的,你可以同讲师演示的打开调试窗口,看element。你这个box2明显基于html往右偏移了20像素。可能因为box1同时存在,你认为不是。你可以设置top偏移这样看,明显些。

已采纳回答 / wslover
前面在content 和 book中设置的样式 将在这个div中被综合使用到

已采纳回答 / Ewall_
用了body都居中了,那你不要居中的块状怎么办?
课程须知
1.一定要对HTML+CSS相关标签有所掌握;2.对网页布局知识有简单的了解
老师告诉你能学到什么?
1.掌握三大布局技巧——流式布局、浮动布局及绝对定位布局;2.精通标准文档流、盒子模型、float属性以及position属性等知识。

微信扫码,参与3人拼团

微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

友情提示:

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消