定位的盒子居中显示

父盒子里面嵌套了子盒子,需求:子盒子相对于父盒子底部居中显示.

文档流(标准流)

标准流：块级元素纵向有序排列,行内块（行内）元素横向有序排列.
元素自上而下,自左而右,块元素独占一行;行内元素在一行上显示,碰到父集元素的边框换行.

CSS 盒子模型(Box Model)

所谓盒子模型就是把HTML页面中的元素看作是一个矩形的盒子，也就是一个盛装内容的容器。每个矩形都由元素的内容、内边距（padding）、边框（border）和外边距（margin）组成。

行高概念

浏览器默认文字大小：16px
行高：是基线与基线之间的距离
行高=上间距+文字大小+下间距

一行文字行高和父元素高度一致的时候，垂直居中显示

maven工程使用spring-boot-devtools进行热部署,更改代码避免重启web容器

spring-boot-devtools 是一个为开发者服务的一个模块,其中最重要的功能就是代码修改后,自动重启应用.

层叠性

当多个样式作用于同一个（同一类）标签时，样式发生了冲突，总是执行后边的代码(后边代码层叠前边的代码)。和标签调用选择器的顺序没有关系。

块元素

典型代表:div,h1…h6,p,ul,li
特点:独占一行;可以设置宽高;嵌套下,子块元素宽度(没有定义情况下)和父块元素宽度默认一致.

属性

font-size:16px; 文字大小
Font-weight:700 ; 值从100-900，文字粗细，不推荐使用font-weight:bold;
Font-family:微软雅黑; 文本的字体
Font-style:normal | italic; normal 默认值 italic 斜体
line-height:行高
text-align:文本对齐属性( left->居左,缺省值; right->居右; center->居中 ; justify -> 两端对齐)

选择器写法

选择器是一个选择谁（标签）的过程.
选择器{属性:值； 属性:值;}

vuex使用mapGetters,mapActions报错

这或许是个低级错误,但是由于作者使用vue不久,对vue了解的不是很深入.
产生错误的场景:用webpack-simple搭建项目,项目中使用到了vuex,在xxx.vue中使用 …mapGetters, …mapActions的时候报错,错误截图如下: