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

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

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

已采纳回答 / 超级机器人4212538
在设置相对定位div,才不会让绝对定位脱离标准文档流

已采纳回答 / 慕粉3914370
Html-CSS-JavaScript  分别对应  结构-表现(样式)-行为和mvc是一个意思,说法不一样

已采纳回答 / 可惜没如果_呵呵
举个例子:<div class="box" style="width: 200px;height: 200px;border:1px solid red;position: relative;"> <div class="hh" style="width: 100px;height: 100px;background:green;position: absolute;top:10px;left:10px;"> <div class="aa" style="width...

已采纳回答 / ioqu
overflow:hidden有两个作用,分别说明:1、隐藏溢出当我们没有给父级元素div设置高度的时候,子级元素div的高度就会撑开父级元素div;而当我们给父级元素div加上一个高度值,那么无论子级元素div的高度是多少,最终显示的高度都是父级元素设定的值。子级元素div超出的部分就会被隐藏。这就是隐藏溢出的含义!2、清除浮动当子级元素div加上浮动这个属性的时候,在显示器的侧面,它已经脱离了父级元素div,也就是说变成了一个立体的模型(实际是脱离了文档流,不占用文档流的空间)。此时的子级元素的宽高是...

已采纳回答 / 慕虎9205161
body{ margin:0;}div{background:#460E29;width:700px;padding:20px}img{padding:1px 20px 37px 30px; background:url(http://img1.sycdn.imooc.com//5385ac820001905201440133.jpg); margin-right:10px;}

已采纳回答 / 给我一杯咖啡
       您的网页如果是如下图的情况,有可能是因为第一个demo1大盒子没有清除浮动,导致下面的内容会紧密排列在后面。<...图片...>     在demo1的样式中加入清除浮动,盒子后面的内容就可以不受浮动塌陷的影响辣。

已采纳回答 / KuckBoy_shan
<...code...>img前面多了一个点 点代表类

已采纳回答 / 慕丝1125840
div标签是独占一行的,给设置float浮动就好了!

已采纳回答 / BLACK_ARROW
就一种web前端开发的一种思路:Html-CSS-JavaScript  分别对应  结构-表现(样式)-行为这样的好处就是便于后期代码的管理,修改,维护。

已采纳回答 / 慕粉1473331893
我的理解是HTML和CSS尽量分开来写,比较大的CSS样式设置尽量不要嵌套在HTML中来写,如果有哪次你不想要用某个CSS样式了,就可以直接把CSS文件去掉,而要是你时把CSS嵌套入HTML结构中了,修改起来很麻烦。并且单独写在CSS中的代码还可以用于我们制作的其他的网页中。

已采纳回答 / javdroider
这种做法用专业的话讲叫“定宽”。当浏览器大小变化时,页面各个元素的高度宽度不变,也就是说无法在缩小的浏览器里面看到整个网页,需要使用滚动条去拖拽。这种做法的缺点是,跨终端显示体验不佳,如果放到手机上,就需要用户自己去拖拽才能看到整个网页,比如12306
课程须知
1.html+css简单的基础知识 2.有网页制作实战经验
老师告诉你能学到什么?
1.根据效果图能正确分解结构和表现 2. 能够深入理解网页结构与表现分离的思想

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消