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

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

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

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

已采纳回答 / 小怪兽在上
你在问什么问题········          看上去网页就是个正常网页,没什么大问题,样式有些冗余很多样式大量重复写了,没有必要,几个div的参数基本一直的拿出来单独写可以通用

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

已采纳回答 / 文人骚客2077
这就是取舍问题,你维护的少,就用第三种,经常维护,就用第一种吧

已采纳回答 / 蔓蔓Matty
老师的意思在换肤案例中体现得很明白啦。在第一节课中老师就已经介绍了HTML指结构,CSS指表现。如果结构和表现不分离,那么说明css变的时候结构也在变化。如今结构和表现分离了,所以css改变的时候,结构却不变。里面的分离说的是,以写好的结构为基础,进行不同的css编写。而视频中提到的减少代码优化设计是一种不要增加冗余结构能在保持语义化的下情况尽量减少标签代码的思维,而不是指减少代码优化设计了就是结构和表现分离。我这么说楼主会明白一些吗?

最赞回答 / purple_yao
问题一:因为这个图片提前上传到网上的所以你们不知道他的高度和宽度,所以这道题是告诉你图片的高度和宽度是95px(这里,题干中有一些部题不应该出在这里,我们会做一个修改。)问题二:因为img的背景图片在没有设置padding的时候,是被图片覆盖了的,所以要设置padding这样可以把img标签撑大,就可以把背景图片显示出来了。
课程须知
1.html+css简单的基础知识 2.有网页制作实战经验
老师告诉你能学到什么?
1.根据效果图能正确分解结构和表现 2. 能够深入理解网页结构与表现分离的思想

微信扫码,参与3人拼团

微信客服

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

帮助反馈 APP下载

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

公众号

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

友情提示:

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消