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

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

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

最赞回答 / Qzhor
图没截准。。我懂了,虽然padding是内边距,但是它会把容器的宽度给撑开,,就是会撑大了!因为div的背景范围也变大了,padding好厉害

最新回答 / qq_四非_0
就是类似父子关系,和JAVA里的方法调用一样,比如一个盒子里装一个苹果,苹果里又有虫

最赞回答 / 北海北3284803
margin-left 可以,position:absolute 可以,text-indent 也可以.只不过老师通过这个方式教给我们如何不利于冗余的div和复杂的标签来完成同样的工作.代码越简洁,浏览器吸收的才会更快,整个页面的效率才会更高.与君共勉.

最新回答 / 深海溺梦
利用绝对定位  相当于坐标轴 从第一象限挪到第三象限里

最赞回答 / 云幽梦
div 在网页设计中是表示块、区域的意思,比如你在制作一个卖衣服的网页时,把男装和女装各分一个区域这是就可以定义两个div,两个块,class则可以表示你可以给这个块加一些属性啊,比如长和宽,背景颜色什么的,你可以给这些属性取一个名字,class=shuxing就表示你给这个属性的集合取了个shuxing的名称,<div class=nanzhuang>、<div class=nvzhuang>就可以表示你给男装区域和女装区域定义的属性名,这样你就可以设疑class改变他的属性了设...

最新回答 / Himushroom
<...图片...>float和position使用起来差不多吧

最新回答 / Himushroom
只设置相对定位,对元素本身是没有意义的。因为它既没有脱离文档流(还占据着位置),浮动起来的块也没有得到偏移,所以只设置相对定位对文档还有元素来说都没有意义,需要配合使用。仅个人见解~

最新回答 / bingewatch
图片不是设置了margin-left了,而且他的demon2.right设置了内填充padding:20px,而且也设置了float:left;跟随者前面的img浮动的,所以中间有空隙就等于前面的demon1的空格的了,看起来和初级就已有了
课程须知
1.html+css简单的基础知识 2.有网页制作实战经验
老师告诉你能学到什么?
1.根据效果图能正确分解结构和表现 2. 能够深入理解网页结构与表现分离的思想

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消