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

网页简单布局之结构与表现原则

江老实 Web前端工程师
难度初级
时长22分
学习人数
综合评分9.67
1416人评价 查看评价
9.8 内容实用
9.7 简洁易懂
9.5 逻辑清晰

已采纳回答 / ioqu
overflow:hidden有两个作用,分别说明:1、隐藏溢出当我们没有给父级元素div设置高度的时候,子级元素div的高度就会撑开父级元素div;而当我们给父级元素div加上一个高度值,那么无论子级元素div的高度是多少,最终显示的高度都是父级元素设定的值。子级元素div超出的部分就会被隐藏。这就是隐藏溢出的含义!2、清除浮动当子级元素div加上浮动这个属性的时候,在显示器的侧面,它已经脱离了父级元素div,也就是说变成了一个立体的模型(实际是脱离了文档流,不占用文档流的空间)。此时的子级元素的宽高是...

最赞回答 / 龚小样
要想弄清这个问题  你首先回顾一下盒子模型   第一层是边框  第二层是内边距加内容  第三层是背景图片 第四层是背景颜色  最后一层是外边距  如果不设置内边距的话,仅仅显示内容也就是我们看的的那几张香水图片  背景图片层是在第三层,因为背景图片比香水图片大,要想看到他,就必须把第二层的内边距扩大,你才能看的到第三层的东西。而你说的外边距在最下层,不会影响背景图片。欢迎访问我的博客 gelory.me  我也是小白

已采纳回答 / 慕虎9205161
body{ margin:0;}div{background:#460E29;width:700px;padding:20px}img{padding:1px 20px 37px 30px; background:url(http://img1.sycdn.imooc.com//5385ac820001905201440133.jpg); margin-right:10px;}

已采纳回答 / Jathy
教程 从5:00处开始458px=500px-2px-20px-20px;500px 为一开始宽度,但有点错位,所以要稍微移动2px为 稍微移动距离;之后的20px为左右padding距离,让文字好看点!

已采纳回答 / 给我一杯咖啡
       您的网页如果是如下图的情况,有可能是因为第一个demo1大盒子没有清除浮动,导致下面的内容会紧密排列在后面。<...图片...>     在demo1的样式中加入清除浮动,盒子后面的内容就可以不受浮动塌陷的影响辣。

最新回答 / 神灯君3598408
意思不是DIV越多越好,意思是代码结构自己看的越明白越好。。还是说div越少越好。。。像视频里面的内容。我自己的思路是应该有个DIV的两层嵌套。而他只用了一个DIV。。这样代码结构看起来不是那么好理解。

已采纳回答 / KuckBoy_shan
<...code...>img前面多了一个点 点代表类

最新回答 / 给我一杯咖啡
您好,您的主要的问题就是为span标签设置样式时当成了一个类选择器(class)来设置的,您想的应该是使用标签选择器,也就是去掉style样式中span前面的点就好辣。如图:<...图片...>

最新回答 / IndominusRex
理论上可以的,浮动定位和绝对定位都可以脱离标准文档流,不过绝对定位要在其父元素使用position属性,否则则是相对于整个html文档的绝对定位,不易把握,但定位能力最强;浮动定位则是将此元素浮动于html文档,像一张卡片漂浮在桌面上一样

最新回答 / 给我一杯咖啡
与psd文件中的像素值是等同的

最新回答 / madlifebi
网页的右边 不过最近的好像解压不了

已采纳回答 / 慕丝1125840
div标签是独占一行的,给设置float浮动就好了!
课程须知
1.html+css简单的基础知识 2.有网页制作实战经验
老师告诉你能学到什么?
1.根据效果图能正确分解结构和表现 2. 能够深入理解网页结构与表现分离的思想

微信扫码,参与3人拼团

微信客服

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

帮助反馈 APP下载

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

公众号

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

友情提示:

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消