网页布局基础_技术问答

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

网页布局基础

全部评论问答未解决精华

即墨火未燃

课讲的还行，，，，就是这口音，，，啊啊啊啊，感觉和之前认识的一妹子一样，普通“发”不大“包”准啊。。。听得不太舒服，不过这不是重点。。。。

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

2016-07-30

王三丝3692369

没人吗？？？

0 2-7 网页布局编程练习

2016-07-30

要跑啊少年

CSS规定的定位机制有三种，分别是标准文档流、浮动及绝对定位。

0 1-2 练习题

2016-07-30

寒冰水

绝对定位：建立以包含块为基准的定位，完全脱离了标准文档流，对兄弟块不会产生影响。设置绝对定位没有设置宽度，块会随着包含内容的变化而变化，当没有已经定位的祖先元素，以《html》为偏移基准。

0 4-3 绝对定位

2016-07-30

sunshine_haha

当元素设置为绝对定位后，元素也会多出两类属性：偏移量属性和 Z-index属性不同的是：
1.该元素已经脱离了标准文档流（不占位）
2.建立的定位基准不是该元素的原来位置，而是分两种情况
2.1：没有设置偏移量：无论是否存在已定位的祖先元素，都保持在元素初始位置，脱离文档流，宽度塌陷（随内容变化而变化）
2.2：设置了偏移量：又分两种情况（A.无已定位的祖先元素 B.有已定位的祖先元素）
A.无已定位的祖先元素:它会以根节点（<html>）为偏移参照基准
B.有已定位的祖先元素:它会以距其最近的已定位祖先元素为偏移参照基准
绝对定位不在文档流中（不会占位置，宽度及长度显示随内容增减而增减

0 4-3 绝对定位

2016-07-30

qq_FallenAngels_03627431

图片在哪里下

0 2-2 盒子模型

2016-07-30

qq_麦西马斯_0

看了一会儿瞌睡的很，有木有同感

3 2-7 网页布局编程练习

2016-07-30

一年做大牛

灰常好居然完全听懂了

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

2016-07-30

qq_慵懒的树袋熊_03195862

这是另一部分答案！！
#mid{float:left;width:650px;border:1px solid #999;margin-top:13px;}
#right{position:absolute;left:780px;top:13px;border:1px solid #999;margin-left:10px;}

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

2016-07-29

qq_慵懒的树袋熊_03195862

#wrap{width:970px;margin:0 auto;}
#mainbody{position:relative;margin-top:15px;}
#left{float:left;width:110px;border:1px solid #999;margin-right:13px;margin-top:13px; }
因为写不下所以我分两部分写，看完这部分请继续看下面另一部分！！

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

2016-07-29

qq_慵懒的树袋熊_03195862

不懂啊，还是要多写页面才行，这看的有点乱

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

2016-07-29

id与类名称的使用

已采纳回答 / apm3735598

通俗点讲，id相当于身份证号，一个HTML页面中只能使用一次，不能重复使用。类选择器class相当于名称，一个名称可以多人使用，所以在页面中重复使用。

3 回答 869 浏览 3-3 横向两列布局

2016-07-29

林小欣

讲真，我喜欢上这老师了。课讲得很好，思路很清晰，very good！
希望老师多多分享一些知识给我们。

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

2016-07-29

为什么显示效果不对？

最新回答 / 慕粉3646377

同学，你错误的地方有两个，一是#content 是给top:0; 不是margin-top（正如楼上同学说的）；而是你编码的时候采用了中文符号——冒号和分号什么的（这是最致命的，下次记得哦，编码一定要用英文符号）

3 回答 806 浏览 4-6 编程练习

2016-07-29

pluvieuse

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

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

2016-07-28

炮姐一生推

凡是说老师不好好讲课的，我就理解为你是个人出事了。因为首先课程免费的，不收费的课程你还吐槽，说明你也是闲的无聊了。其次老师授课是免费的，小学中学大学里的老师是收费的，尤其是大学，合计每节课都是要百元计费的，所以这你还吐槽，你也是够喷的。再者说，老师讲的是程序，你看不懂还有手册可以查，这么简单的实现过程，还有重点标记的汉字出现，我不觉得这跟普通话标不标准有什么关系。你操着一口流利的当地普通话，在这强调老师的普通话不标准，都能听懂，唯独你听不懂，着实是人才中的人才

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

2016-07-28

首页上一页 111 112 113 114 115 116 117 下一页尾页

该课程已下架

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空