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

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

江老实 Web前端工程师
难度初级
时长22分
学习人数
综合评分9.67
1416人评价 查看评价
9.8 内容实用
9.7 简洁易懂
9.5 逻辑清晰
不知道有没有人看出一个小毛病 就是老师的第3种方法图片的移动应该是margin:-20px 0 0 -101px: 因为老师在最前面的时候给图片设置了一个1像素的边框 可能是1像素的差别不大 老师没发现吧
这个老师好
对于初学者的我来说、挺不错的。有学到东西
厉害啊,是我学习的方向
好吧,我来教方法,
首先你要学会后面的JavaScript语言基础
然后看这里
http://www.jb51.net/article/24104.htm
只是为了让demo简化,更加轻量级而已,溢出并没有什么的
一上来没大理解结构-表现-分离的思想,看到这个换肤顿悟了,厉害了
感觉是用CSS的选择器来直接选择HTML中某些块的样式,后期改的话一目了然知道这段文字在哪里定义的,修改的话直接从选择器中修改。
我觉得老师只是让结构简化了一下,重点体会一下其中的思想
现在自己刚开始做东西就是第一种方法,之前虽然看过一遍,有了结构样式分离的思想,但是真用起来还是不怎么会,再来看一下,多加强这种观念。
每次迷茫看不到希望就会打开慕课来看,首先不管学得多好,总比什么都不做来的好
img{width: 95px;height: 95px;padding: 1px 20px 37px 30px; margin-right: 20px; background:url(http://img1.sycdn.imooc.com//5385ac820001905201440133.jpg);}
body,p,h6,{margin:0;padding:0;font:14px/1.5,normal,"Arial","sans-serif","微软雅黑","宋体","Tahoma";color:#666}
铁打的HTML,流水的CSS。真心牛逼~~~虽然感觉有的div还是需要加的,但是这个思想的确非常棒!
课程须知
1.html+css简单的基础知识 2.有网页制作实战经验
老师告诉你能学到什么?
1.根据效果图能正确分解结构和表现 2. 能够深入理解网页结构与表现分离的思想

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消