摘要：
justify-content 定义子元素在父元素水平位置排列的顺序，需要和display:flex使用才会生效。 有五个属性： 1.flex-start(默认值) 左对齐 2.flex-end 右对齐 3.center 居中 4.sapce-between 两端对齐，子元素之间的间距相等 5.sp 阅读全文
摘要：
flex 意思是弹性布局，用来给盒模型提供最大的灵活度，指定容器中的项目为弹性布局，类似于float:left; 比float的好处是容器没有设置高度，会根据项目来自适应高度，我们都知道，设置float属性，如果没有设置高度，那么容器会脱离文档流，需要清除浮动，才可以根据项目的高度规定高度。 父元素 阅读全文
摘要：
做案例中，我们会发现让子元素在父元素中垂直居中，要设置margin和padding等，各种设置才能垂直居中 现在可以使用CSS3中的align-items实现 align-items 定义子元素在父元素交叉轴上如何对齐的，大多数不理解交叉轴是什么，下面举例来说明，不多说直接上代码 现在是这样显示的， 阅读全文
摘要：
box-sizing 规定两个并排的带边框的框： 例如 以上案例父元素是600px，子元素各占百分之五十，因为两个子元素有边框。导致没有浮动在一排 加了box-sizing:border-box 两个子元素边浮动在一起了 加了box-sizing:border-box 两个子元素边浮动在一起了 bo 阅读全文
摘要：
1.登陆http://www.iconfont.cn/ 例如我需要购物车的图标 2.按下回车后会出现一堆的购物车图标 3.喜欢那个一个就鼠标移动到图标上去，加入购物车 4点击加入购物车后，就会出现在右上角的购物车 5.点击右上角的购物车，点击下载代码 7.把下载的代码，加压到本地， 三个html文件 阅读全文