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

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

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

已采纳回答 / javdroider
这种做法用专业的话讲叫“定宽”。当浏览器大小变化时,页面各个元素的高度宽度不变,也就是说无法在缩小的浏览器里面看到整个网页,需要使用滚动条去拖拽。这种做法的缺点是,跨终端显示体验不佳,如果放到手机上,就需要用户自己去拖拽才能看到整个网页,比如12306

已采纳回答 / wyc2410
盒子模型是分层的, padding 是 在 background-image 的上一层, 不设置 padding就被挡住了。

最赞回答 / 大卫同学
完整代码,拿走不谢<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; cha...

最新回答 / 谦谦佳人
都可以, 这个地方使用margin会更好,原因如楼上所说

已采纳回答 / qq_年少之时_0
<h5>标签可以设置背景图片,背景图片不会撑开,他会显示和<h5>标签高度相同一行图片。

已采纳回答 / Whitney_Wang
这道题里面那四张图片是一瓶香水(指甲油)加上一个大概95*95的白色背景,而给这几张图片加的背景是最后效果图中的花边和一个白色的大约95*95的框。不给图片加padding的时候,背景被图片挡住了,所以就显示图片。加了padding之后就显示一部分背景。如果按照题里面说的{}padding:1px 20px 37px 30px;},正好可以显示背景。如果把1px变成10px,那张背景就开始循环了,而且你的图片的白框和背景的白框就不重合了,所以上面多了一个白条,下面多了一个白条。希望我说明白了。。

已采纳回答 / 方寸游鱼
貌似只有第一个的有源码,其实他讲的主要是一些思想,而并不是实际项目的教学

已采纳回答 / 我要开发地图系统
1、宽高就是用来设置图片的宽高的,无论图片原本的大小是多少,都会变成这里设定的大小,如果宽高的比例和图片本身的比例不一样,就会使图片变形,让图片来适应这个宽高。当然,你也可以把这个宽高去掉,这样图片就会按本身的大小来显示了,你也可以只设定宽或者高,看看有什么不一样的地方,保证你会有收获的。2、你现在遇到的问题其实是,设置了padding的原因,导致图片的边缘与边框有了距离所致,你可以将padding删了,就能看到边框与图片的大小一致了。padding就是内边距,是用来让内容和边框之前产生距离的,而marg...

最新回答 / 咔芒_北鼻_4005467
我也发现了   找了半天发现demo01后边要价格空格然后left,但是不知道为啥啊   还不如不用,demo01   这个小细节老师也没讲,浪费好多时间啊

最新回答 / Derrickale
把你的代码贴出来好解决一点 其实demo01和demo02的区别就只是简化去掉了left的div,也不需要设定left的宽度了,去掉了一些html和css重复契合 其余和demo01没什么变化。 你demo01没问题的话,对照看看有什么是不是你打错了的地方吧。

已采纳回答 / 倚笑乘风
把图片转换成块级元素,给一个padding再给border不就行了。
课程须知
1.html+css简单的基础知识 2.有网页制作实战经验
老师告诉你能学到什么?
1.根据效果图能正确分解结构和表现 2. 能够深入理解网页结构与表现分离的思想

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消