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

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

江老实 Web前端工程师
难度初级
时长22分
学习人数
综合评分9.67
1416人评价 查看评价
9.8 内容实用
9.7 简洁易懂
9.5 逻辑清晰
等你学了一年以后再来看这个视频,你会发现 @昨日灵魂 同学提出的问题基本上不是问题,为什么不能左溢出?把三层div嵌套优化成一层减少的代码量你知道有多少么?你看到的只是html里面的<div class='xxx'></div>少了而已,但是你看到了样式中减少的选择器么,如果整个页面都是这样像你所说的为了拓展【其实一层div也很方便拓展,方法多的去了】,div嵌套div,乱用div,你想改个部分才麻烦啊。还有@心远地自偏 同学,你说别人误人子弟,可你连自己结构和表现分离都没搞清,你才是误人子弟好吧。结构只是表示内容的结构而已,你多的div是为了结构么?只是为了充当一个容器好方便css改样式好吧

最赞回答 / 北海北3284803
margin-left 可以,position:absolute 可以,text-indent 也可以.只不过老师通过这个方式教给我们如何不利于冗余的div和复杂的标签来完成同样的工作.代码越简洁,浏览器吸收的才会更快,整个页面的效率才会更高.与君共勉.
喜欢这老师,讲的清晰易懂,而且视屏不会看着累,讲的很好
牛逼,思路很好嘛
很想学习这个“样式”切换是怎么做到的,但是只是一语带过~~
很好,我喜欢。
挺好的 简短视频不会看的疲劳
视频做的不错~~~~~
哈哈…… 命中了初级 呜呜呜
H5的出现就是为了语义化,不会因为嵌套太多的div,</div>去封闭的时候注释这个是什么,语义化真的很重要
这个屏幕分辨率变了就坑了
首先<div>设置了宽而没设置高,所以高度由内容而定,其次设置了上下左右的内边距都为20px,所以内容块就会跟<div>的边框有20px的距离;然后在内容块中加入<img>,然后按照任务,设置<img>的宽高为95px,大家注意到我的<img>设置了背景啊,怎么没显示呢,因为你现在没有设置<img>的内边距,所以你现在的<img>的背景被你的商品图片给遮住了,设置了<img>的内边距后,你的95*95的内容块已经不足以遮住整个<img>,<img>被内边距撑大后,背景图片也随着<img>的撑大而变大,所以背景图片就显示出来啦;然后设置右外边距,使得<img>和<img>之间有10px距离
老师声音真好听!!!北京人?CV?
我就静静的看着广大评论者大放厥词。
比较能用初级思路,不过觉得中级思路的确有帮助,不太认同第三种,不过觉得老师讲的很好
课程须知
1.html+css简单的基础知识 2.有网页制作实战经验
老师告诉你能学到什么?
1.根据效果图能正确分解结构和表现 2. 能够深入理解网页结构与表现分离的思想

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消