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

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

江老实 Web前端工程师
难度初级
时长22分
学习人数
综合评分9.67
1416人评价 查看评价
9.8 内容实用
9.7 简洁易懂
9.5 逻辑清晰
有意思,有道理,第三种好多大神的方法,比如天猫商城的小列表就是一张大图,然后margin:-值;不是一个一个小图标切下来的,听老师讲了之后,理解更深了!!!
这节课有没有源码啊,想学习一下
……看到这里完全明白了
不就这样就得了,还得加宽高什么鬼做甚?
img{position:relative; background:url(http://img1.sycdn.imooc.com//5385ac820001905201440133.jpg);padding:1px 20px 27px 30px;}
img{position:relative; background:url(http://img1.sycdn.imooc.com//5385ac820001905201440133.jpg);padding:1px 20px 27px 30px;}
谢谢老师!
初级没啥毛病,中间也没怎么,高级还待确定,这里需要展示的内容太少了,所以这种方法没啥问题
课程(源代码)是上一课的
觉得“中级方法”的确是对“初级方法”的优化。而“高级方法”在一定程度上是方便了许多,div用的少了,但是后续修改不容易理解,我觉得只适合在局部小范围中用。

我觉得,应该权衡好“中级方法”和“高级方法”的使用,让代码即简洁,又易读。

最后,我觉得老师脑子转的很快,那些css样式像不用经大脑一样papapapapapapa的冒出来,我甚是向往。我自己敲代码时,总得停下来想尺寸,想自己有没有漏了什么。。。。。
结构和表现分开,学到了很多,要好好体会。
适量的减少代码是很好的思想,而过分追求简洁的代码会使别人难以看懂,也难以做出修改。
扯,不赞成你的第三种用法
我是初学者 我支持高级思路, 可惜老师你讲的太快了 ,哗哗的就讲完了
我觉得这样写的好处就是降低html的复杂度,而且以后重新调整界面的话只需要调整css。如果css样式和html布局绑定太死,以后调整界面的话html包含布局的代码和css样式代码都需要修改,反而更麻烦。
老实讲,随着各种屏幕尺寸的终端的出现,未来的主流应该是弹性布局。这种基于像素的布局真的快过时了。
课程须知
1.html+css简单的基础知识 2.有网页制作实战经验
老师告诉你能学到什么?
1.根据效果图能正确分解结构和表现 2. 能够深入理解网页结构与表现分离的思想

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消