学前端的阿正

外边距塌陷共有两种情况： 第一种情况：两个同级元素，垂直排列，上面的盒子给 margin-bottom 下面的盒子给 margin-top，那么他们两个的间距会重叠，以大的那个计算。解决这种情况 的方

浮动将元素排除在普通流之外，即元素将脱离文档流，不占据空间。浮动元素碰到包含它的 边界或者浮动元素的边界停留 为什么需要清除浮动 1、子元素浮动后，不占位置，父元素的高度无法被撑开，影响与父元素同级的

1.静态定位：static 默认值不脱离文档流，top，right，bottom，left 等属性不生效 绝对定位：absolute 2.绝对定位的关键是找对参照物：找到最近的一级带有带定位的父级元素

元素隐藏和显示最常用的为 display:none 和 visibility:hidden dispaly:none 设置该属性后，该元素下的元素都会隐藏，占据的空间消失 visibility:hid

1、px 像素（Pixel）。绝对单位。像素 px 是相对于显示器屏幕分辨率而言的，是一 个虚拟长度单位，是计算机系统的数字化图像长度单位 2、em 是相对长度单位，相对于当前对象内文本的字体尺寸。如

能继承的属性 字体系列属性:font、font-family、font-weight、font-size、font-style; 文本系列属性: 2.1）内联元素：color、line-height、

！Important>行内样式>ID 选择器>类选择器>标签>通配符>继承>浏览器默认属性 优先级注意点: 权重是有 4 组数字组成,但是不会有进位。 可以理解为类选择器永远大于元素选择器, id 选

盒子模型（Box Modle）可以用来对元素进行布局，包括内边距，边框，外边距，和实际 内容这几个部分 盒子模型分为两种: 第一种是 W3C 标准的盒子模型（标准盒模型） 第二种 IE 标准的盒子模型

方法一：利用定位（常用方法,推荐）代码片段 方法二：利用 margin:auto;代码片段 方法三：利用 display:table-cell代码片段 方法四：利用 display：flex;设置垂直