-
Css中的定位机制 标准文档流:从左到右,从上到下,输出文档内容 浮动 绝对定位查看全部
-
盒子模型查看全部
-
使用绝对定位实现横向两列布局 1.适用情况:一列宽度固定,另一列宽度自适应 2.应用技能: ①relative 父元素相对定位 ②absolute 自适应宽度元素绝对定位 注意:固定宽度列的高度必须大于自适应宽度列查看全部
-
绝对定位特点 1.建立以包含块为基准的定位 2.完全脱离了标准文档流 3.随即拥有偏移属性和z-index属性 未设置偏移量 1.无论是否有已经定位的祖先元素,都会保持在元素的初始位置。 ①一个元素设定了相对定位或者绝对定位,就是已经定位的元素。 ②宽度随着内容变化 2.脱离标准文档流 设置偏移量 1.没有已定位的祖先元素 ①会以根元素<html>为偏移的参照基准 2.有已定位的祖先元素 ①会以最近的已定位祖先元素作为参照基准查看全部
-
相对行为 特点: 1.设置了相对定位属性的元素,他是相对于自身原本的位置进行偏移。 2.元素原本的位置仍会被占据。 3.拥有了偏移属性和z-index属性查看全部
-
position属性 1.静态定位 static 2.相对定位 relative 3.绝对定位 ①absolute 绝对行为 ②fixed 固定定位查看全部
-
自动居中 设置magin属性上下为任意,左右为自动 同时设置width属性为auto查看全部
-
清除浮动影响的三种方法 第一种:为消除浮动影响的元素添加属性: clear=both 第二种:为消除浮动影响的元素同时添加属性: width:100%;overflow:hidden; 第三种:给相邻元素添加空标签 </br> 不建议使用,因为空标签是无意义标签查看全部
-
盒子模型立体结构 第一层为border边框 第二层为content-padding内容与内边距 第三层为background-image背景图片 第四层为background-color背景颜色 第五层为margin外边距查看全部
-
如果想让页面自动居中,当设置margin属性为auto的时候,不能再设置浮动或绝对定位属性。查看全部
-
CSS的3种定位机制: 标准文档流;Normal flow 浮动;Floats 绝对定位;Absolute positioning查看全部
-
CSS 规定的定位机制有三种,分别是标准文档流、浮动及绝对定位。查看全部
-
1.块级元素 独占一行(div,ul,li,dd,dl) 2.行级元素查看全部
-
1.盒子模型的层级:border,content+padding,background-image,background-color,margin. 2.盒子模型的尺寸:边框+内填充+外边距+内容尺寸查看全部
-
块元素和行元素都是盒子模型 盒子模型由4部分(属性)组成: border边框,margin外边距,padding内边距,content内容查看全部
举报
0/150
提交
取消