yuyuy

兄弟元素 同时开启定位方案 兄弟元素堆叠顺序 谁的z-index高 谁的优先级高//...

/* 粘滞定位 relative + fixed 距离上方50px之前是相对定位 50px之后是固定定位 */ positio...

固定定位 position：fixed 特性：1.脱离文档流 原先位置不保留 飘在文档流上方 相对于浏览器的视口区域进行定位...

/* 1.1水平垂直居中 mragin 给父元素设置border属性 */ /* border: 1px solid red; */ /* 2.1通过...

/* 绝对定位 position：absolute 特性1：脱离文档流 原先位置不保留 飘在文档流上方 特性2：无论有没有父元素/祖先元素 相对于浏览...

/* 相对定位 position：relative 文档流脱不脱离 参照点 特性：不脱离文档流 原先位置保留 相对于自身在浏览器中默认位置进行定位...

<div class="left">左侧定宽</div> <div class="right">右侧定宽</div> <div class="center">中间自适应</...

``` 左侧定宽 右侧自适应右侧自适应右侧自适应右侧自适应右侧自适应右侧自适应 右侧自适应右侧自适应右侧自适应右侧自适应右侧自适应右侧自适应右侧自适应右侧 自适应右侧自适应...

.cube1{ width: 100px; height: 100px; background-color: red;...

border: 10px solid red; /* 开启bfc overflow hidden auto */ overflow: hidden;...

margin-top: 20px; /* 开启bfc属性 */ /* display: inline-block; */ /...

/* 父子级外边距合并 1.两者都是正数 取值大的 2.一正一负 进行相加...

* 1.只给其中一个标签设置外边距 */ /* 外边距合并规则：如果两个都是正数 会取最大的外边距进行设置 如果两个都是负数：取绝对值最大的 高...

``` 我是一个div我是一个div我是一个div我是一个div我是一个div我是一个div 我是一个div我是一个div我是一个div我是一个div我是一个div我是一个...

/* 取消标签默认样式 */ *{ margin: 0; padding: 0; list-style: non...

清除浮动元素对其他元素影响 */ /* 2.在浮动元素和非浮动元素间添加一个空块级元素 */ .clear{ clear: both;...

div:last-child{ background-color: blue; /* 清除浮动元素对兄弟元素影响 */ clea...

* 浮动 none不浮动 left左浮动 right右浮动 */ /* 浮动特性： 元素设置浮动 会飘在文档流上方原先位置不保留...

/* 设置盒子背景颜色 */ background-color: red; /* 设置盒子设置背景图片 */ background-image:url(./s...

width: 300px; height: 400px; /* 设置盒子背景颜色 */ background-color: red; /* 设置...