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

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

如何用CSS进行网页布局

全部评论问答未解决精华

慕粉4235403

body{ margin:0; padding:0; font-size:30px; font-weight:bold}
div{ text-align:center; line-height:50px}
.main{ width:960px; height:600px; margin:0 auto}
.left{ width:300px; height:600px; background:#ccc;float:left;}
.right{ width:640px; height:600px; background:#FCC;float:right;}
</style>

1 3-3 编程练习

2016-11-08

mustbeabetterman

.top{width:auto;height:200px;background:gray;}
.main{width:auto;background-color:red;height:800px;}
.left{width:200px;float:left;background:blue;height:800px;position:absolute;}
.right{width:80%;float:right;background:green;height:800px;margin-left: 10%;!importan}
.foot{height:80px;width:auto;}

1 5-3 编程挑战

2016-11-07

墨遥4328677

练习题量不够啊，难度也不够啊

2016-11-07

nancy_chayan

我只想说慕课讲课的声音好小啊！！！！！

0 1-1 内容简介

2016-11-07

qq_苔上雪_04205930

明明没错，注意拼写格式

0 2-3 编程练习

2016-11-07

qq_再往前走几步_03281144

margin:0px 310px 0px 210px;
这句话的作用是设置了绝对定位属性的元素会脱离文档流，既不在文档中占有位置，那么center中的文字内容就会占据左右以及中间元素本来的位置，那么设置左右外边距（边距会出现合并现象，所以要超出左右元素的宽度）就会压缩center里的文字，使其出现换行，并不在占用左右元素的位置，这样解释对不对，求大神指点

1 4-3 编程练习

2016-11-06

qq_灵风澄_04125038

footer 显示不出颜色是怎么回事呢，请问有人知道吗

0 5-2 实践题

2016-11-06

qq_仰望星空_36

↖(^ω^)↗ 加油坚持希望今年过年前，可以写个简单的小个人博客

2 5-1 混合布局

2016-11-06

qq_仰望星空_36

声音好小呀

0 1-1 内容简介

2016-11-06

我也在世界末尾

·float
·position：absolute
·position：fixed

2 3-2 评测题目

2016-11-05

_吾念_0

.main{ width:960px; height:600px; margin:0 auto}
.left{ width:280px; height:600px; background:#ccc;float:left;margin-left:10px;}/*左浮动样式*/
.right{ width:640px; height:600px; background:#FCC;float:right;margin-right:10px;}/*右浮动样式*/

0 3-3 编程练习

2016-11-05

qq_白衣君_03139377

.top{height:50px;width:100%;background:gray;}
.main{height:600px;width:100%;background:red;position:relative;}
.left{ width:200px;height:600px;background:blue;position:absolute;top:0;}
.right{height:600px;background:green;margin-left:210px;}
.foot{width:100%;height:50px;background:orange;}

0 5-3 编程挑战

2016-11-04

qq_白衣君_03139377

讲的真的很好，通俗易懂，通过实例，很简单就理解了各种布局的操作

0 5-1 混合布局

2016-11-04

qq_风吹已散_03229770

浮动方法（参数大概，重要方法）
.left{height:600px;width:15%;background:red;float:left;}
.main{height:600px;width:65%;background:green;float:left;margin:0 2.5% 0 2.5%;}
.right{height:600px;width:15%;background:blue;float:right;}

1 4-3 编程练习

2016-11-02

慕粉4099018

.top{width:100%;height:100px;background:gray;position:relative}
.main{width:100%;height:400px;background:red;top:0px;}
.left{ width:200px;height:400px;float:left;background:blue;}
.right{width:702px;height:400px;float:right;background:green;}
.foot{clear:both;background:orange;}

0 5-3 编程挑战

2016-11-02

首页上一页 38 39 40 41 42 43 44 下一页尾页

该课程已下架

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空

如何用CSS进行网页布局