1. 什么是FlexBoxFlexBox（”弹性布局”）是CSS3提供的用于布局的一套新属性，这套属性包括针对容器（弹性容器，flex container）和针对其直接子元素（弹性项，flex item）的两类属性FlexBox可以控制弹性项（flex item）的以下方面：大小，基于内容和可用空间流动方向，水平还是垂直，正向还是反向两个轴向的对齐和分布顺序，可覆盖源代码中的顺序flex cont

只能用于块级元素。可用的CSS属性为font,color,background,word-spacing,letter-spacing,text-decoration,vertical-align,text-transform,line-height,clear。可用的CSS属性为font,color,background,marin,padding,border,text-decoration,

1. 用户行为伪类1.1 :hoverselector:hover 表示匹配鼠标经过的selector选择器元素。应用场景：鼠标经过元素时的样式变化，Tips提示，下拉列表和过渡动画等细节优化：如果在鼠标移动到目标元素过程中触发了附近其他元素的:hover效果导致遮盖了目标元素，可通过设置目标元素效果hover的延时出现（通过visibility控制显隐和transition配合使用）通过:hov

欢迎访问个人博客网站：http://www.zhuxin.club1. label标签说明在html中，<label>标签通常和<input>标签一起使用，标签为input元素定义标注（标记）。它不会向用户呈现任何特殊UI效果，和span标签类似，但是与span的区别是它为鼠标用户改进了可用性，可以关联特定的表单控件。label标签和特定表单控件关联之后，当用户点击标签中的

1. 前置知识在真正讲解vertical-align属性之前，我们需要了解下面一些前置的知识1.1 x-Height在各种内联相关模型中，凡是涉及垂直方向的排版或者对齐的，都离不开最基本的基线（baseline）。例如，line-height 行高的定义就是两基线的间距，vertical-align 的默认值就是基线字母 x 的下边缘（线）就是我们的基线。通俗地讲，x-height 指的就是小写字