冬冬冬冬

flex布局，也叫弹性布局，与浮动布局相比，flex布局更加的简单，更加有效。 注意，在父元素的css样式中写入display:flex可开启flex布局. 结果如下图所示

在文档流中，父元素的高度默认是被子元素撑开的，也就是子元素多高，父元素就多高。 但是当为子元素设置浮动以后，子元素会完全脱离文档流，此时将会导致子元素无法撑起父元素的高度，导致父元素的高度塌陷。 由于父元素的高度塌陷了，则父元素下的所有元素都会向上移动，这样将会导致页面布局混乱…

在HTML中，每一个标签都是矩形地，它们互相组合形成了所谓的盒子模型。 盒子模型的定义：在CSS中，把HTML中的所有标签定义为盒子，由五个部分组成：边界(外边距)（margin），边框，补白（内边距）(padding)，内容，背景。这就是盒子模型。 我们可以通过一系列的属性去…

顾名思义，变量就是一个可以改变的量。我们通常把一个用来存贮数据的容器叫做变量。 一个变量有两部组成：变量名和变量值。 变量本质是就是一块内存空间，变量名指内存空间的别名，变量值指内存空间的数据。 声明变量，也可以理解为创造一个变量，需通过使用关键字来进行声明。 对于变量来说，关…