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

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

江老实 Web前端工程师
难度初级
时长22分
学习人数
综合评分9.67
1416人评价 查看评价
9.8 内容实用
9.7 简洁易懂
9.5 逻辑清晰
我就是初学者的思路,T_T,我要努力成为大牛!
多写 到少写
厉害,厉害,对于新手很有启发性啊!!
text-indent:50px;
先结构和语义,再css样式,减少两者的契合度。
初级:左右两个div;
中级:左图片定位,右div;
高级:总的一个div,其他的再定位。
img{background:width:95px;padding:1px 20px 37px 30px;right:10px。}url(http://img1.sycdn.imooc.com//5385ac820001905201440133.jpg); }
谢谢老师您辛苦了,感觉挺好玩的,新奇!
讲得真好,老师您辛苦了!
太溜了,启发性很好
很好,非常赞
觉得还是有些糊涂 结构与表现分离 但是总感觉这是优化- -! 我理解的结构和表现分离 就是把耦合度降低 改结构 不影响表现 改表现不影响结构
无脑操作,根据要求添加css结果页面就实现了~(width:95px;height:95px;padding:1px 20px 37px 30px;margin-right:10px;)
高手的代码示例:http://codepen.io/anon/pen/rVYdWo
初学者代码示例:http://codepen.io/anon/pen/QbOmya
课程须知
1.html+css简单的基础知识 2.有网页制作实战经验
老师告诉你能学到什么?
1.根据效果图能正确分解结构和表现 2. 能够深入理解网页结构与表现分离的思想

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消