-
块级元素和行级元素都是盒子模型!查看全部
-
行级元素查看全部
-
w3c标准查看全部
-
块级元素查看全部
-
CSS规定的定位机制有三种,分别是标准文档流、浮动及绝对定位。查看全部
-
绝对定位查看全部
-
使用absolute实现横向两列布局的适用于:用于一列固定宽度,另外一列自适应的情况; 步骤:1 对其父元素设置relative;2 对需要自适应宽度的元素设置absolute绝对定位; 注意:固定宽度的列 高度> 自适应宽度的列。查看全部
-
w3c标准查看全部
-
萧萧查看全部
-
float属性有三个值:left、right和none,设置浮动属性的元素会对紧邻其后的元素进行影响。查看全部
-
盒子模型层次从上到下依次是:边框(border)、内边距(padding)+内容(content)、背景图片(background-image)、背景颜色(background-color)、外边距(margin)查看全部
-
盒子模型尺寸:外边距+边框+内边距+盒子中的内容尺寸查看全部
-
使用absolute实现横向两列布局的适用于:用于一列固定宽度,另外一列自适应的情况; 步骤:1 对其父元素设置relative;2 对需要自适应宽度的元素设置absolute绝对定位; 注意:固定宽度的列 高度> 自适应宽度的列。查看全部
-
position:absolute绝对定位:特点: 1、建立以包含块为基准的定位:即在父级定位 2、完全脱离了标准文档流:不占据文档流中的位置(其他元素当它不存在)可是它还是会显示 3、定义了position属性的都具有z-index属性(需要考虑垂直方向上的层叠显示,值大的在上先显示) 拥有偏移属性:top、left等。 1.a 未设置偏移量(top,left)。 元素保持在原始位置(不管其有没有具有固定定位的祖先元素) 1.b 设置了偏移量 ①具有已经定位的祖先元素(单个或多个),以最近的祖先元素为基准,进行偏移 ②没有已经定位的祖先元素,以HTML为基准(视图窗口)进行偏移,而不是body元素为基准。 note 1:在没有定义宽度是:所有的内联元素的宽度是根据内容大小而定的,所有的外联元素的宽度就是100%;当有了float和绝对定位时时,使得外联元素的宽度变成根据实际内容大小而定。 note 2:元素的祖先定位元素:即使用了position:relative/absolute属性的元素。查看全部
-
相对定位 特点: 1 设置了相对定位的元素会相对于自身原有的位置进行偏移; 2 仍处于标准文档流中,占据空间; 3 设置之后拥有偏移属性和z-index(空间层堆叠,z轴) 属性,会遮盖其他元素; 定位布局中,除了绝对定位(脱离文档流,对其他元素没有影响),其他都是处在标准文档流中的,包括float也是 盒子的相对定位(relative) 特点:①相对于自身原来位置进行偏移(服从小局) ②仍处于标准文档流当中(会占用文档流的位置,撑出来的位置会占用) ③随即拥有偏移属性和z-index属性(其实就是会挡住别的图层)查看全部
举报
0/150
提交
取消