网页布局基础_技术问答

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

网页布局基础

全部评论问答未解决精华

昊哥哥不会飞

老师讲的很好。

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

2015-08-18

李勇和木木

position,绝对定位注意！脱离文本流！当没有父类或父类没有position属性的时候，已thml为参考坐标，当父类有position属性时，已上层父类为参考坐标。relative不脱离文本流，比较随意。相对位移是指相对于自身原来位置。

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

2015-08-17

人贵在自知

终于搞清楚了

0 4-3 绝对定位

2015-08-17

邱糗球

福建老师呢

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

2015-08-17

齐力

绝对定位布局：通过设置position属性实现，css中规定的第三种定位机制，能够实现横向多列布局及较为复杂的定位（带有遮罩层效果的提示框、固定层效果、全屏广告等）
拥有三种定位形式：1.静态定位 2.相对定位 3.绝对定位
可设置4个属性值：static（静态定位）、relative（相对定位）、absolute（绝对定位）、fixed（固定定位）【绝对定位和固定定位都属于绝对定位】

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

2015-08-16

不学习要被打

CSS 有三种基本的定位机制：普通流、浮动和绝对定位。

3 1-2 练习题

2015-08-16

qq_注定单身微猫_0

这章我感觉我需要在听几遍

0 4-3 绝对定位

2015-08-16

qq_注定单身微猫_0

当一个元素设置绝对定位，没有设置宽度时，元素的宽度根据内容进行调节

0 4-3 绝对定位

2015-08-16

qq_注定单身微猫_0

当一个元素设置绝对定位，没有设置宽度时，元素的宽度根据内容进行调节

0 4-3 绝对定位

2015-08-16

qq_注定单身微猫_0

绝对定位特点：

建立了以包含块为基准的定位

完全脱离了标准文档流

随机拥有偏移属性和z-index属性

未设置偏移量时的特点：

无论是否存在已定位的祖先元素，都保持在元素初始位置脱离了标准文档流

设置偏移量：

1.无已定位祖先元素，以<html>为偏移参照基准

2.有已定位祖先元素，以距其最近的已定位祖先元素为偏移参照基准

0 4-3 绝对定位

2015-08-16

qq_注定单身微猫_0

建立了一包含块为基准的定位，不在标准文档流中。设置偏移量和不设置偏移量的情况：

无论是否存在已经定位祖先元素，都保持在元素初始位置。

不设置偏移量：

设置absolute之后没有设定祖先元素的相对定位relative的时候，该设置了absolute时，不设置偏移量的时候，该元素位置不变，宽度为内容的宽度，脱离文档流中，在box3的上面。

有祖先元素相对定位时，也依旧保持在原来的位置中，还是以内容为宽度。

设置偏移量：

没有依旧定位在祖先元素：会以该html根节点偏移，即浏览器为基准

有的话会以离其最近的设置了定位的元素为祖先元素。

多个相对定位，要设定一个宽度。

0 4-3 绝对定位

2015-08-16

qq_注定单身微猫_0

positive设置相对定位，以自身为相对基准进行偏移，设置相对定位属性之后会有偏移属性（top left right bottom 相对于自身进行偏移，会覆盖其他内容进行偏移）和z-Index属性（空间的层堆叠z轴的堆叠，没有的话是默认存在y和x轴的一个平面上）

0 4-2 相对定位

2015-08-16

qq_注定单身微猫_0

position有3种定位形式：静态定位(static) 相对定位(relative) 绝对定位（absolute,fixted）

绝对定位布局：横向多列布局，固定层效果，全屏广告，动画效果。position定位布局：静态定位static元素没有设置定位属性时的默认状态，元素还属于文档流中。相对定位relative 绝对定位absolute fixed。

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

2015-08-16

qq_注定单身微猫_0

clear：both，主要用于对紧邻其后元素的清除浮动；

width：100%;overflow：hidden，主要用于浮动对父包含块的影响。

0 3-3 横向两列布局

2015-08-16

qq_注定单身微猫_0

清除浮动的方法：

1：clear：both;

2:width:100%;overflow:hidden;

注意：

对受到浮动影响的元素添加清除浮动的css

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

2015-08-16

首页上一页 186 187 188 189 190 191 192 下一页尾页

该课程已下架

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空

网页布局基础