qq_43510829的博客

HTML <div id="ball"></div> CSS /* 圆球上下来回移动200px，5s内 */ #ball { /* 令元素脱离文档流，不然动不起来 */ position: absolute; width: 100px; height: 100px; background-color: red; border-radius: 50%; animation: move 5s

如果一个元素设置了display: flex;，则该元素为 flex 容器，其子元素为 flex 子元素 容器属性 flex-direction：决定主轴方向 flex-direction: row | row-reveres | column | column-reverse flex-wrap：决定一条轴线如果排不下，如何换行 flex-wrap: nowrap | wrap | wrap-reverse flex-flow：上述两个属性的缩写 flex-flow: <flex.

基本知识 css 盒模型本质上是一个盒子，封装 html 元素，它包括外边距（margin）、边框（border）、内边距（padding）、内容（content） css盒模型有两种：标准模型+IE模型 标准模型 盒子总宽度（高度） = 内容宽度（content）+ 2*border + 2*padding 设置 width/height 的话是改变content的大小 设置 box-sizing: content-box (默认设置) IE模型（怪异盒模型） 盒子总宽度（高度）