CSS

盒子宽高均为0，三面边框皆透明 .item1{ width: 0px; height: 0px; border-right: 100px solid transparent;

flex布局 Flex 布局语法教程 | 菜鸟教程 (runoob.com) 容器的属性： flex-direction： 决定主轴的方向（即子 item 的排列方法）flex-direction:

为什么要清除浮动？ 设置float的元素会脱离文档流，导致父元素高度塌陷 4种清除浮动的方式 给父元素设置overflow属性，创建了一个BFC 给父元素设置高度 在父元素内最底下添加额外的标签并给标

display：none 指的是元素不陈列出来，不占据空间，涉及到了DOM结构，故产生reflow与repaint visibility：hidden 指的是元素不可见但存在，保留空间，不影响结构，故

垂直居中 文本： line-height=height 元素： 方法一：【父相子绝】 父元素： position:relative 子元素： position:absolute; top:50%; m

概念了解 Block Formatting Context 块级格式化上下文（格式化=>初始化 上下文=>环境） =>简单来说，就是把页面中的一块区域独立出来，这块区域有它自己的规则/环境，也不会影响