如何用CSS进行网页布局_技术问答

首页免费课如何用CSS进行网页布局问答

如何用CSS进行网页布局

全部评论问答未解决精华

慕仰0443758

老师教的好亲切，像在教小朋友一样，对于我们这些新手菜鸟，我们就是小朋友

1 5-1 混合布局

2017-02-11

燃料

核心：块挨着块；块叠着块；块嵌套着块。

1 5-1 混合布局

2017-02-11

慕莱坞2845963

.head,.main{ width:960px; height:600px;/*【任务1】*/margin:0 auto;}

.left{ width:220px; height:600px; background:#ccc; /*【任务2】*/float:left;}

.r_sub_right{ width:200px; height:600px; background:#9FC; /*【任务3】*/float:right;}

.footer{ height:50px; background:#9F9; /*【任务4】*/clear:both;}

2 5-2 实践题

2017-02-09

慕粉1531573440

声音也太小了吧

2 1-1 内容简介

2017-02-09

睿成

语速慢，建议1.5倍速

0 1-1 内容简介

2017-02-09

慕莱坞2845963

浮动和绝对定位的内涵理解不是很深刻

1 3-3 编程练习

2017-02-08

慕莱坞2845963

clearly

0 3-1 二列布局

2017-02-08

冬天里的阳光

.top{ height:100px; background:#ccc; }
.main{ background:red;position:relative;}
.left{ width:200px; height:500px; background:blue; position:absolute; left:0;top:0;}
.right{ height:500px; margin-left:210px; background:#6C9;}
.foot{height:100px; background:orange;}

3 5-3 编程挑战

2017-02-07

冬天里的阳光

在footer添加清除浮动可以很多人看不懂，也可以用以下方法：
.head,.main{ width:960px; margin:0 auto; overflow:auto;}
在.head,.main 加 overflow:auto;

1 5-2 实践题

2017-02-07

sissicc

.left{ width:200px; height:600px; background:#ccc; position:absolute; left:0; top:0}
.main{ height:600px; margin:0 310px 0 210px; background:#9CF}
.right{ height:600px; width:300px; position:absolute; top:0;right:0; position:absolute; background:#FCC;}

0 4-3 编程练习

2017-02-02

慕粉000141558

有没有像我注释掉才能有效果的小伙伴~顶上去
.head,.main{ width:960px; height:600px;/*【任务1】*/margin:0 auto;}
.left{ width:220px; height:600px; background:#ccc; /*【任务2】*/float:left;}
.r_sub_right{ width:200px; height:600px; background:#9FC; /*【任务3】*/float:right;}
.footer{ height:50px; background:#9F9; /*【任务4】*/clear:both;}

3 5-2 实践题

2017-02-02

sissicc

.left{ width:30%; height:600px; background:#ccc;float:left; 【任务1】}/*左浮动样式*/
.right{ width:65%; height:600px; background:#FCC;float:right; 【任务2】}/*右浮动样式*/

1 3-3 编程练习

2017-02-02

sissicc

.main,.footer{ width:50%; margin:0 auto; 【任务1】}

0 2-3 编程练习

2017-02-02

慕粉000141558

大家看一下,嗯~~~

1 4-1 三列布局

2017-02-02

慕粉3953397

.top{ height:80px; background-color:grey;}
.main{background-color:red; height:400px;width:100%; }
.left{width:200px; height:400px; background-color:blue; }
.right{width:100%;margin-left:210px; height:400px; background-color:rgb(154,204,153);position:absolute}
.foot{background-color:rgb(255,102,52);}

1 5-3 编程挑战

2017-01-28

首页上一页 27 28 29 30 31 32 33 下一页尾页

该课程已下架

课程须知: 1.你需要掌握html+css样式基础知识 2.有一定的前端实际开发经验

老师告诉你能学到什么？: 1.掌握网页布局的相关知识 2.能对不同的网页进行布局结构划分 3.掌握固定宽度和自适应宽度的实现方法

微信扫码，参与3人拼团

热搜

最近搜索清空

如何用CSS进行网页布局