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

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

江老实 Web前端工程师
难度初级
时长22分
学习人数
综合评分9.67
1416人评价 查看评价
9.8 内容实用
9.7 简洁易懂
9.5 逻辑清晰
看了评论区前几条,觉得无语,这门课明显是让大家学会运用结构与表现分离的这样一种思想,遇到可以简化的就试着简化,然后再来考虑是否简化得当,而不是说一定要用text-indent这样的属性。。。

已采纳回答 / ioqu
overflow:hidden有两个作用,分别说明:1、隐藏溢出当我们没有给父级元素div设置高度的时候,子级元素div的高度就会撑开父级元素div;而当我们给父级元素div加上一个高度值,那么无论子级元素div的高度是多少,最终显示的高度都是父级元素设定的值。子级元素div超出的部分就会被隐藏。这就是隐藏溢出的含义!2、清除浮动当子级元素div加上浮动这个属性的时候,在显示器的侧面,它已经脱离了父级元素div,也就是说变成了一个立体的模型(实际是脱离了文档流,不占用文档流的空间)。此时的子级元素的宽高是...
。。。。我。。。。想到的是用table标签将其弄到一个N行2列的表里面。。 这算什么思想
border-padding,content,backimg,backcolor,margin
对于初学者来说 有点跟不上 哈哈 不过多看几次就好了
暂时还是一个初学者
这是误入的观众遇到武林高手的感觉啊
听懂了,但是这种高级的写法对初学者不太容易。作为初学者我还是习惯性把页面看成“一块一块”,然后再往里面填充内容。
这一堂课受益匪浅
用实物做个模拟会很好理解,你在桌子上放个书本,在书本中间放个手机,你可以把桌子看成盒子,把书本看成背景图片,桌子颜色就是背景色,裸漏出来的桌子颜色就是margin,手机就是你要放上去修饰的东西,裸漏出来的书就是padding...
-------------来自问答
这老师感觉好牛逼
直接加paddding和margin-right就好,图片是inline element,单纯四张并排的话就没必要先float再清浮动了。
对前端来说没有完美的写法,扩展性和简洁性都有必要,出色的前端会找到一个适合开发需求的平衡。
教思想的老师才是最好的老师,然而看评论并没有几个人明白。
感觉自己写了那么多页面代码,还一直是初学者思路,之前完全没有注意过结构和表现形式分离的思想,看来还是基础不扎实
老师讲的让人眼前一亮 ,原来还可以这么写 !
课程须知
1.html+css简单的基础知识 2.有网页制作实战经验
老师告诉你能学到什么?
1.根据效果图能正确分解结构和表现 2. 能够深入理解网页结构与表现分离的思想

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消