网页布局基础_技术问答

首页免费课网页布局基础问答

网页布局基础

全部评论问答未解决精华

不要这样看着我

受不了老师口音的同学我只能说你们事真多。
你们试试把速度调为1.5倍。

0 1-1 网页布局-课程简介

2016-07-18

Valarmorghuils

老师自问自答，然后说，嗯，这个问题问得非常好

0 4-1 绝对定位布局简介

2016-07-18

YOUNGFOREVER

*{margin:0; padding:0;}
#wrap{width:970px; overflow:hidden;}
#mainbody{margin-top:15px;}
#left{float:left;width:110px;border:1px solid #999; }
#mid{float:left;margin:0 0 0 13px;width:650px;border:1px solid #999;}
#right{postion:relative;margin:0 0 0 783px;border:1px solid #999;}

不要争了！

1 5-1 网页布局-编程挑战

2016-07-18

YOUNGFOREVER

<div id="mainbody">
<div class="left">Left</div>
<div class="right">Right</div>
MainBody
<div class="clear"></div>
</div>

1 3-5 编程练习

2016-07-18

YOUNGFOREVER

#mainbody {
background:#FC0;
}
.left {
width:800px;
height:200px;
background:#ddd;
float: left;
}
.right {
width:140px;
height:500px;
background:#690;
float: right;
}
.clear {
clear: both;
}

1 3-5 编程练习

2016-07-18

喵喵要活一百万次

勉qian 听一听还是 nen 懂滴

0 1-1 网页布局-课程简介

2016-07-18

乔小朝

第一次在这里听到女老师讲课。。。继续努力学习啦！

0 1-1 网页布局-课程简介

2016-07-18

Hitaofighting

这个老师an，ang不分啊

3 2-2 盒子模型

2016-07-17

Hitaofighting

dl,dt是定义列表标签。

0 2-1 网页布局相关知识点讲解——标准文档流、块级及行级元素等

2016-07-17

ssl970432178

position:absolute;本身就会宽度自适应，不需要设置

3 4-6 编程练习

2016-07-17

最近的距离是多少3456060

我觉得不需要相对#mainbody定位直接margin-left就可以了.

0 5-1 网页布局-编程挑战

2016-07-17

大草兔_cc

#wrap{width:970px; margin:0 auto;}
#mainbody{position:relative; margin-top:15px;}
#left{width:110px; }
#mid{【width:650px;border:1px solid #999;top:0;margin-left:123px;position:absolute;}
#right{border:1px solid #999;margin-left:792px;top:0;position:absolute;}

0 5-1 网页布局-编程挑战

2016-07-17

珂珂凉

老师说的棒棒滴

0 4-3 绝对定位

2016-07-17

学一点忘一点

第一层为border边框第二层为content-padding内容与内边距第三层为background-image背景图片第四层为background-color背景颜色第五层为margin外边距

10 2-5 练习题

2016-07-16

慕粉zzp

应该是这样吧，算是最简洁的吧？
#wrap{width:970px;margin:0 auto;}
#mainbody{position:relative; margin-top:15px;}
#left{float:left;width:110px;border:1px solid #999 }
#mid{float:left; margin-left:13px;width:650px;border:1px solid #999;}
#right{position:absolute;left:792px; border:1px solid #999;} 别忘了算border的距离...

1 5-1 网页布局-编程挑战

2016-07-16

首页上一页 89 90 91 92 93 94 95 下一页尾页

该课程已下架

课程须知: 1.一定要对HTML+CSS相关标签有所掌握；2.对网页布局知识有简单的了解

老师告诉你能学到什么？: 1.掌握三大布局技巧——流式布局、浮动布局及绝对定位布局；2.精通标准文档流、盒子模型、float属性以及position属性等知识。

微信扫码，参与3人拼团

热搜

最近搜索清空

网页布局基础