网页布局基础_技术问答

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

网页布局基础

全部评论问答未解决精华

Jack_Rain

```看评论我是醉了···

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

2015-12-08

syy138

老师是哪里人哦，没有后备音萌萌哒

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

2015-12-08

奈奈我喜欢你呀

老师讲的真好，声音也好听，不知道那些在乎普通话标不标准的人怎么想的，你们的普通话就保证一定标准？

1 2-2 盒子模型

2015-12-08

明日世界

good!!11

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

2015-12-08

Nataliebeijing

使用绝对定位实现横向两列布局一般用于：一列固定宽度，一列自适应宽度。

主要应用技能：
relative-父元素相对定位。
absolute-自适应宽度元素绝对定位
注意：固定宽度列的高度>自适应宽度的列，否则会造成文档的溢出。

0 4-4 使用绝对定位实现横向两列布局

2015-12-08

Nataliebeijing

清除浮动方法：

对受到浮动影响的标签作以下操作：
1、clear:both;
2、clear:right; clear:left;
3、width:100%;overflow:hidden;

0 3-2 清除浮动的常用方法

2015-12-07

Nataliebeijing

浮动：可实现块级元素横向排列

1、3个属性值：left-左浮动，right-右浮动，none-不浮动

2、设置了浮动的元素，仍旧处于标准文档流中，意味着会占据标准文档流中的空间，对周围的元素产生影响

3、当元素没有设置宽度值，而设置了浮动属性，元素的宽度随内容的变化而变化（没内容时直接缩到浮动的那一边，看不见了）

4、当元素设置浮动属性后，会对相邻的元素产生影响，相邻元素特指紧邻后面的元素

2 3-1 浮动布局简介及float属性

2015-12-07

Nataliebeijing

请详细观看盒子模型的立体图片（2-2小节 07：58），从第一层到第五层依次为：border、content+padding、background-image、background-color、margin。

1 2-5 练习题

2015-12-07

Nataliebeijing

如果想让页面自动居中，当设置margin属性为auto的时候，不能再设置浮动或绝对定位属性。

3 2-4 自动居中一列布局

2015-12-07

萌妈

。了不，。0。

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

2015-12-07

Sunshiner0

使用float属性的元素会影响紧挨其的下一个元素。例如块级元素会变成类似行级元素的排布方式。也可以用来实现3列排布，所谓的剧中排布，需要通过设置3个元素的间距等来进行操作，而不是用margin。

1 3-1 浮动布局简介及float属性

2015-12-06

三良

我就不信就不信

0 4-5 练习题

2015-12-06

太阳1993双子

“我们把它设置小一点”它。。它。。。是啥

1 2-2 盒子模型

2015-12-05

一眼红尘_0

#wrap{width:970px; margin:0 auto;}
#mainbody{ margin-top:15px;position:absolute;}
#left{float:left;width:110px;border:#999 solid 1px; }
#mid{width:650px;border:1px solid #999;position:absolute;top:0;margin-left: 120px;}
#right{border:1px solid #999;position:absolute;top:0;margin-left:780px;}

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

2015-12-05

冯春龙

老师结束的太突然了，还没听够。

2015-12-04

首页上一页 163 164 165 166 167 168 169 下一页尾页

该课程已下架

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空

网页布局基础