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

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

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

已采纳回答 / qq_穆_2
因为margin是将img这个盒子向上下左右移动,而padding是将img这个盒子撑开,所以能看到得背景图

已采纳回答 / GustinLau
*{margin:0;padding:0;}.demo01{background:#9EE2E8;width:600px;position:relative;margin:10px;}.demo01 .left{width:100px;float:left;}.demo01 .left img{margin-left:5px;border:2px solid;}.demo01 .right{width:500px;float:right;background:#EDE573;}.demo01 .right...

已采纳回答 / 懒懒萌萌的
这里不是图片的内边距,而是img标签的内边距,我们是用img标签来装图片的。打个比方,img标签就像是相框,而img标签中的图片就是相片,给img标签(相框)加内边距是为了把背景图片显示出来。希望能帮到你!

已采纳回答 / 慕課君
教程教你不是就教的结构吗,如果按他们做网站那么教,你能学会,和知道定位标签和浮动的效果吗? 而实际做网站都是通过简短方便的代码去实现复杂的效果,这样一个是节省时间,另一个是当你更改网页,看到的更清晰明确,不会牵一发而动全身。

已采纳回答 / echo_kinchao
根据不同的事件 增减不同的class

已采纳回答 / echo_kinchao
一般课程右下角会有 没有的话就是老师还没有整理出来

已采纳回答 / colorado
padding相当于内容位置不变,硬生生把div这个盒子撑大,所以如果用了padding,padding了多上值,那width就要减少多少,才能保证div盒子大小不变

已采纳回答 / 丶YangBin
给这张图片位置,让图片浮动到想要的位置,根据外边距改的

已采纳回答 / 举个栗子233
我在慕课看过一节课讲的就是overflow:hidden的用法。具体内容如下:    1、可以将溢出的元素隐藏    2、还可以撑起子元素为浮动的父元素。对于本例来说,你可以在本地打一下该代码,并为.demo01加一个border属性,就会发现该父元素的高度没有被撑起,border显示为一条线。因为它的子元素都浮动了,这样就可以使用overflow:hidden的第二种用法来解决这个问题了。里面没有讲overflow:hidden为什么可以撑开父元素,只讲了可以这样用。希望可以帮到你

已采纳回答 / 文人骚客2077
这就是取舍问题,你维护的少,就用第三种,经常维护,就用第一种吧
课程须知
1.html+css简单的基础知识 2.有网页制作实战经验
老师告诉你能学到什么?
1.根据效果图能正确分解结构和表现 2. 能够深入理解网页结构与表现分离的思想

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消