网页简单布局之结构与表现原则_技术问答_慕课网

首页免费课网页简单布局之结构与表现原则问答

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

全部评论问答未解决精华

不是很明白这里的padding设置就显示这种效果的原因

最赞回答 / 定点攻击

盒子分为5个层，第一层是边框border,第二层是内容，第三层是padding内边距，第四层是背景图，第五层是背景色，当你没有设置padding时，内容的大小就是盒子的大小，背景图在不设置大小时，填满盒子的，如果图片不够大就会重复，直到填满为止，当设置了padding时，盒子的大小就是内容加上padding的面积，背景填满，自然就看见了，你可以设置一下内边距为padding:1px 20px 200px 30px;下内边距变大，图片重复填满。

3 回答 1804 浏览 3-3 编程挑战

2015-09-17

KKria

谢谢老师！这个对于自学者来说真的太赞了，自己写的话的确是首先考虑分块在填内容，结果就是导致嵌套太多层了，而且每个都是div写样式还要不停的加class,id最后的css文件自己都会晕掉

48 3-1 网页换肤及总结

2015-09-15

嘟嘟幺

第三种思路确实比较新颖，但是在实际项目中，并不是结构越少越好，还是得结合实际情况来看。

2 2-1 微博用户发言信息列表制作

2015-09-12

MaggieMaggie

谢谢老师！！

0 3-1 网页换肤及总结

2015-09-09

d45641dd

话说老师添加的背景，也是相当有考究的啊，还要在原图搞个上去！

1 3-3 编程挑战

2015-09-08

陈禹伸

看了老师的讲解忽然懂得了什么叫代码的优雅

0 2-2 电话号码布局制作

2015-09-06

葉嫃

为啥我学完了还总是显示0%

0

2015-09-05

左手灬

先考虑设计图中的文字内容和内容模块之间的关系，重点放在编写html结构和语义化，然后考虑布局和表现形式。

0 2-4 练习题

2015-09-04

jahonboy

相同的html结构，不同的css样式

0 3-2 练习题

2015-08-31

jahonboy

先考虑设计图中的文字内容和内容模块之间的关系，重点放在编写html结构和语义化，然后考虑布局和表现形式。

0 2-4 练习题

2015-08-31

你看天空多漂亮

学习了这篇才有一个新的思路

0 2-1 微博用户发言信息列表制作

2015-08-31

qq_FreeStyle_sc

老师的第三种方法不适合全局布局，代码多了，不利于扩展，但是他的那种想法确实值得借鉴！

0 2-1 微博用户发言信息列表制作

2015-08-31

爱吃橙子的小颖儿

初学者思维。。。。。第二种get起来，好像第三种不是很好的样子

1 2-1 微博用户发言信息列表制作

2015-08-30

飞了流星

img{width:95px;height:95px; background:url(http://img1.sycdn.imooc.com//5385ac820001905201440133.jpg); padding:1px 20px 37px 30px;margin-right:10px;}

0 3-3 编程挑战

2015-08-29

qq_赢在行动_0

第3种方式虽然减少了代码量，但是这是断章取义。第一这样写结构不清晰，图片和内容没有div包裹，在一个小demo看不出来，但是全局布局的时候就会文档错乱。第二是不利于扩展，如果我以后要在图片下添加说明文字，我是不是得在写一个p往左溢出？还有我在这个留言框外添加内容，布局就无法更好的定义了

5 2-1 微博用户发言信息列表制作

2015-08-24

编程练习题

+ 我来回答回答最高可+2积分

2 回答 816 浏览 3-3 编程挑战

2015-08-23

首页上一页 63 64 65 66 67 68 69 下一页尾页

该课程已下架

课程须知: 1.html+css简单的基础知识 2.有网页制作实战经验

老师告诉你能学到什么？: 1.根据效果图能正确分解结构和表现 2. 能够深入理解网页结构与表现分离的思想

微信扫码，参与3人拼团

意见反馈帮助中心 APP下载

友情提示：

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

查看已购买的课程

本次提问将花费2个积分

你的积分不足，无法发表

为什么扣积分？

确认取消

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分？

确认取消

举报

0/150

提交

取消