摘要：
flex布局： 描述：flex是弹性布局 用来为盒子模型提供最大的应用以及最大的灵活，任何一个容器都可以指定flex布局 语法介绍:display:flex; 表示设置当前容器为弹性盒子，此时容器内部的float。clear，，，，，样式失效 引入两个名词：容器和项目 容器：添加了display：f 阅读全文
摘要：
描述：就是把一个或多个阴影添加在边框上 语法：box-shaadow：h-shadow v-shadow blur spread color inset 前面两个是必须的，后面几个可选 下面我根据控制变量讲解box-shadow里面属性是什么意思，怎么展示应用的 h-shadow （水平阴影位置） 阅读全文
摘要：
接上节课来讲 本章会对外边距做一个最全面的分析 以及出现的问题 解决方法 如果两个盒子 第一个盒子设置一个下边距 第二个盒子设置一个上边距 会是怎么样的？ 没加边距是这样的 给第一个div1加了下外边距是这样的 再设置第二个盒子的上外边距是这样的 由此 我们可以发现一个问题 就是外边距会发生合并 但 阅读全文
摘要：
外边距：margin 描述：在一个盒子中设置所有的外边距属性 语法：可以添加上右下左边距的距离 即：top right bottom left 拿margin-top举例 这是没添加外边距属性的样式 这是添加上边距属性的样式 如果子元素有父元素包裹 ，想要给子元素添加外边距 如 给黄色盒子添加一个上 阅读全文
摘要：
定位 position 描述：html中页面负责元素发生位置变化的css样式 语法属性值：static 静态定位(无定位、文档流排列 默认值） absolute 绝对定位 （元素脱离文档流） relative 相对定位（谁添加了本样式，谁就是absolute元素的参照物） fixed 窗口定位 （浏 阅读全文
摘要：
在讲解之前 我们需要知道一个名词：文档流 他的意思是这样描述的：页面元素按照从上至下、从左至右排列而成的文档结构，称为文档流。 浮动：float 描述：浮动就是让元素脱离文档流，相当于漂浮在页面之上，不占用文档流空间 后面文档流样式会移上去占用漂浮的空间， 显示在页面看文档流的结构被浮动元素压在下面 阅读全文