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

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

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

已采纳回答 / 西西要崛起
图片地址是网页上的,通过background引入即可

已采纳回答 / 奔走的阿木木
来吧,还是我给你讲讲吧,这章的目的是教你怎么简化你的HTML布局,因为HTML过多的话会影响那网页的加载速度,最后一个例子举得有点牵强,他的目的是为了说明,横向排列的四个图片可以不用分成四个div然后分别给四个div浮动,再设置margin啥的,直接写在一个div中,统一对img进行css样式设置,距离直接margin和padding解决

已采纳回答 / ScorpChen
应该是设置了padding后作为content的图片大小变小了,因为总大小没变。

已采纳回答 / clownis
外部div的class属性值为demo01,内部div的class属性值为left,.left是.demo01的子元素,该css代码的意思是设置.demo01的子元素.left的css样式

最新回答 / qq_刈世箜鋮_03818279
是不是因为<span>是内联元素,需要把它变为块状元素:display:block;   没看见具体代码,不清楚到底是哪里的问题

已采纳回答 / 慕后端9132915
把父元素设置相对定位,再把span设置绝对定位

最新回答 / 慕哥3251431
如果你担心这个问题可以直接把缩进值设置成百分比就好了

已采纳回答 / wubinstark
我觉得应该从第一种方法开始尝试,加入你是一名前段开发者,网站的页面从无到有(你知识的学习也是如此),首先要做的就是从0到1,我们先要把页面或者说网站做出来,展示给大家,然后再通过用户的反馈和后期对网站的思考,再来通过第三种方法去实现自己制作网站的优化。优化代码,迭代更新就是这个意思。

已采纳回答 / 慕海无涯
图片移出去是通过margin的左边距设置为负值实现的,浮动只是把图片移动到框的左上角margin: -20px 0 0 -100px

已采纳回答 / wirechen
三个不同的样式写在三个不同的css文件中,然后通过js点击事件调用不同css文件。我是这样觉得的
课程须知
1.html+css简单的基础知识 2.有网页制作实战经验
老师告诉你能学到什么?
1.根据效果图能正确分解结构和表现 2. 能够深入理解网页结构与表现分离的思想

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消