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

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

江老实 Web前端工程师
难度初级
时长22分
学习人数
综合评分9.67
1416人评价 查看评价
9.8 内容实用
9.7 简洁易懂
9.5 逻辑清晰

已采纳回答 / wyc2410
盒子模型是分层的, padding 是 在 background-image 的上一层, 不设置 padding就被挡住了。
都在评论骚东西

最赞回答 / 大卫同学
完整代码,拿走不谢<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; cha...
网页制作中 结构 表现 行为分离 其中html是结构 css是表现 js是行为

最新回答 / 谦谦佳人
都可以, 这个地方使用margin会更好,原因如楼上所说
原来img里居然也能有background。。。感觉打开了新世界的大门
减少div的使用确实让结构看起来没那么复杂,但这种有点hack的手段总感觉怪怪的,不知有没与响应式设计相悖
这一章是做啥的,网页换肤一闪而过
天哪你们真的是初学者吗,什么响应式我 只听说过但是没你们了解的那么清楚,瞬间感觉被拉后好多
好吧,我承认。我是初学者的思想,长知识了。之前写作品的时候就陷入过div的坑,太多div嵌套在一起很容易使整个结构显得复杂,当出现问题时候去改时会很头疼.......
感觉好奇怪。。。这样写,如果都变成百分比,响应式貌似会炸吧,这个好像只适合定宽的吧。。。
真心牛逼~~~虽然感觉有的div还是需要加的,但是这个思想的确非常棒!
电话还是得要span或者a标签的,不过这个思想真的很棒,因为text-indent是相对父元素,所以给文本一个text-indent=“百分比”可以直接响应式,不用margin去计算
个人觉得,该有的结构还是得有吧,虽然第三个代码的确简化了很多,但是这样的代码如果加上响应式,或者添加新的样式,则需要修改的地方太多,个人还是觉得整体还是要用div来体现结构和代码的可读性,毕竟当修改代码的时候人们大多数是通过你的div来确定修改的位置,第三个感觉个人制作比较实用,但是如果有后续的修改,会影响他人代码的阅读性
课程须知
1.html+css简单的基础知识 2.有网页制作实战经验
老师告诉你能学到什么?
1.根据效果图能正确分解结构和表现 2. 能够深入理解网页结构与表现分离的思想

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消