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

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

江老实 Web前端工程师
难度初级
时长22分
学习人数
综合评分9.67
1416人评价 查看评价
9.8 内容实用
9.7 简洁易懂
9.5 逻辑清晰
只能说是几种思路吧,实际工程中貌似还是以嵌套多层div来进行布局的吧?
什么鬼呀,少用div就是高级了!

你要有本事,一个divy=也别用呀!

div+css 是现在的主流开发模式!
我是一个菜鸟,看了老师这节课的视频,本来还觉得:好厉害。看了评论,我才知道,我的路很长很长很长很长。。。。。。。
实习半年,还停留在初中级,讲的很好
img{margin: -10px 20px 30px;background:url(http://img1.sycdn.imooc.com//5385ac820001905201440133.jpg);}
搞了白天,原来是img图块的范围太大。。。需要设置padding啊。。。
img{width:95px;height:95px;background:url(http://img1.sycdn.imooc.com//5385ac820001905201440133.jpg);padding:1px 20px 37px 30px;margin-right:10px; }
简单布局用简单方法,改需求改起来也容易。
看到有人拿扩展性来说事。demo01添加无语义的div标签,意味着未来调整需要对html和css同时动刀,哪里具有可扩展性了?而对demo03的调整也许仅需修改css的width和margin属性值。
先考虑设计图中的文字内容和内容模块之间的关系,重点放在编写html结构和语义化,然后考虑布局和表现形式。

最新回答 / wuli香香公举
div是一个大盒子,整个img看成一个小盒子,包含白色的花枝背景和指甲油图片,外边距就是img与div之间的间距

最新回答 / 一一欧尼
哈哈哈哈 我也是,其实是因为  .demo01 跟.left之前是有空格的,你再试一下吧。

已采纳回答 / n_start
因为img元素是替换元素,具有内在尺寸所以具有width和height,所以可以设置
最喜欢看老师这么简短的视频了,学起来没压力,又能学到东西。
路漫漫其修远兮,吾将上下而求索。
谢谢老师,分3种来讲,收获良多
课程须知
1.html+css简单的基础知识 2.有网页制作实战经验
老师告诉你能学到什么?
1.根据效果图能正确分解结构和表现 2. 能够深入理解网页结构与表现分离的思想

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消