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

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

江老实 Web前端工程师
难度初级
时长22分
学习人数
综合评分9.67
1416人评价 查看评价
9.8 内容实用
9.7 简洁易懂
9.5 逻辑清晰
不行,这一节看的我醉了
滋磁!
还是需要提高自身的姿势水平
这节我表示不服,感觉太low了
_X_
这种方法,在第一次写的时候会很方便,但是后期的维护还有适配都是问题。
太迷了,这种代码只适合做完就跑路,改个需求累死人
不好意思,打错错误,针对下个评论修正如下:

老师仅仅是在考虑减少HTML代码结构,殊不知,HTML代码是与页面逻辑息息相关的,删掉必要的HTML代码,虽然可以通过CSS来使页面达到完全一致,但是破坏了HTML代码结构,也同时降低了代码的可维护性,降低了代码的扩展性,这样做是完全得不偿失的!
老师仅仅是在考虑减少HTML代码结构,殊不知,HTML代码是与页面逻辑息息相关的,删掉必要的HTML代码,虽然可以通过CSS来使页面达到完全一致,但是破坏了HTML代码结构,也同时提高了代码的可维护性,降低了代码的扩展性,这样做是完全得不偿失的!
如果是强调页面代码结构,那a标签时一定要单独于div.tel的,而不是在其里面。
对于所谓高级人员的demo3,完全不是针对list来设计的,而是针对于一个完全固定样式的块设计,而list在表现上可能会进行进行修改,要考虑到扩展性,所以还是不敢苟同!
对于所谓中级人员的思路不敢苟同,影响了页面的扩展性。相反,初级人员的思路才是最贴近页面的设计结构!同时由于贴近设计结构,所以在扩展性上没有“中级人员”的问题。
说完初学者就暴露了我的身份
img{background:url(http://img1.sycdn.imooc.com//5385ac820001905201440133.jpg); width: 95px; height: 95px; padding: 1px 20px 37px 30px; margin-right: 10px;}

已采纳回答 / qq_念旧人依旧_0
      用width,height:95px;来设置图片的长宽,设置的是每一张图片的长宽,由于图片标签img是行级元素,所以4张图片会按照类似文字排列的格式在同一行进行显示。注意,背景图片自然包括白色框,调长宽内边距和外边距之后只是使得4张图片自然嵌入背景图片所拥有的白色框中。
img{width,height:95px; background:url(http://img1.sycdn.imooc.com//5385ac820001905201440133.jpg); padding:1px 20px 37px 30px;}
课程须知
1.html+css简单的基础知识 2.有网页制作实战经验
老师告诉你能学到什么?
1.根据效果图能正确分解结构和表现 2. 能够深入理解网页结构与表现分离的思想

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消