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

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

江老实 Web前端工程师
难度初级
时长22分
学习人数
综合评分9.67
1416人评价 查看评价
9.8 内容实用
9.7 简洁易懂
9.5 逻辑清晰
一般遵循原则: 先考虑设计图中的文字内容和内容模块之间的关系,重点放在编写html结构和语义化,然后考虑布局和表现形式。
.........果然是初级的课程,写出的代码各种不能扩展,各种不易维护,看完也是醉了
...........然后用户哪天突然想把联系方式换成手机号,老师的布局就悲剧了
只考虑结构,再考虑布局.........事实上是先考虑了可以用css这么实现这样的样式才写出demo3的布局的,不然随便写一个结构,css写的再好也无力回天
打开眼界啦,我还处于初级水准!这节对初学者提高很有帮助!
在老师说完初级水平的思路的时候,我就知道我就这水平了
老师这抖机灵太叼了
太酷了,哈哈哈哈哈
在这种情况下加<br/>是为了让我们看清楚这几种方法的区别。。不是说用<br/>就逼格低。。要是这样的话就没存在意义了
刚刚想到了一个更简单的说法,内填充扩大了你的视野范围。比如你用一个小盒子看到了那里有个沙发,那换一个大盒子,你看到了沙发和后面的墙。后面的墙就是背景图。沙发就是内容。大盒子比小盒子看到的多,因为大盒子的内填充更多。
我个人理解是这样的,比方有个100x100的图片做背景图,但是内容只有40x40.不设置填充的时候,显示的只有这个图片的40x40.然后根据盒子的3D模型。内容(content)和内填充(padding)是在第二层,背景图(background-image)在第三层。第二层的显示效果在第三层上。我们看不到背景图。那么我们就扩大盒子,内容没有改变,将填充变大。背景图显示的地方就更多。就能看到想看的背景图了。
也就是说,一张图有100平方米,上面还有一张图是50平方米。从盒子模型来说,给我们看的只有这50平方米,我们想看到更多,那么就扩大这个盒子,增加内填充.盒子就显示更多地方。
我来啦 啊哈哈哈
讲得很有道理,对我这种初学者的思想上很有帮助。只是,加入 <br/> 这样无意义的代码是很不专业的表现呀。。
凸(艹皿艹 ) 一分钟知道自己是初级水平~
机智的老师!原来这么玩
课程须知
1.html+css简单的基础知识 2.有网页制作实战经验
老师告诉你能学到什么?
1.根据效果图能正确分解结构和表现 2. 能够深入理解网页结构与表现分离的思想

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消