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

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

江老实 Web前端工程师
难度初级
时长22分
学习人数
综合评分9.67
1416人评价 查看评价
9.8 内容实用
9.7 简洁易懂
9.5 逻辑清晰
这个样式里面写的是img的样式,所以所有的img后面都有背景图,就是这样,她其实就是4个img元素排列成一排,然后你对所有的img元素设置样式所以就都动了

最新回答 / bingewatch
图片不是设置了margin-left了,而且他的demon2.right设置了内填充padding:20px,而且也设置了float:left;跟随者前面的img浮动的,所以中间有空隙就等于前面的demon1的空格的了,看起来和初级就已有了
《javascript高级程序设计》与《javascript DOM 编程艺术》中均有提到平稳退化思想,指的是在少了javascript或者CSS后,网页依旧可以完整表达信息。demo3的编写个人感觉是不符合该种思想的。
谢谢老师!这个对于自学者来说真的太赞了,自己写的话的确是首先考虑分块在填内容,结果就是导致嵌套太多层了,而且每个都是div写样式还要不停的加class,id最后的css文件自己都会晕掉
刚学完html+css,然后来质疑这位老师的,你们所理解的前端就是写代码,排版页面的,觉得就是把所有元素放到它该在地方就完了?
naive。
代码写的越少越简单,网页的结构越简单,html和css的关联度越低,网页加载和渲染的速度就越快,0.01秒的差距就能直接决定用户体验。
不断优化用户体验就是前端存在的理由。

最新回答 / Up帝3388559
因为设置了div宽度700px,所以他的宽度是不会因为padding的变化而变化的.

最赞回答 / 兔子玮幻
在CSS样式中是在img中添加的背景图片,在HTML结构中有4个img标签,所以每一个img都要加载一张背景图片。就是4个
谢谢老师!这个对于自学者来说真的太赞了,自己写的话的确是首先考虑分块在填内容,结果就是导致嵌套太多层了,而且每个都是div写样式还要不停的加class,id最后的css文件自己都会晕掉

最新回答 / 再见残月
正值和负值对任何一个浏览器来说都是没有区别的
这可以是一个比较有意思的思想!
听这声音就有学习欲望 是哪个大牛
不错,内容不多,但很实用

已采纳回答 / 夏天_hello
因为浮动的参照物是浮动元素的父类,假如A元素的父类是B元素,当给A元素设置float : left;时,A元素会浮动到B元素的左边。
为什么背景是一张图片的背景 ,结果就是6张图片都有背景
缩放和响应式布局怎么办啊
我完全是初学者思路-_-
课程须知
1.html+css简单的基础知识 2.有网页制作实战经验
老师告诉你能学到什么?
1.根据效果图能正确分解结构和表现 2. 能够深入理解网页结构与表现分离的思想

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消