css3和html5的新特征实现新功能

当我们些css时候，我们有些css样式不生效，那是因为我们的css样式权重没有那么高，这时候我们不想改为id，那么就可以使用! important，直接加载需要修改的样式语句后面，即可达到最高权重。

如果想要设置一个元素的内容进行水平垂直局中，我们可以设置给父元素设置以下代码，来将子元素水平垂直局中。

display: flex;
align-items: center;

当我们在vue插件axios中进行ajax请求时候，我们需要在方法前面添加sync表示这是异步方法，并且需要在请求函数前添加await关键字来设置阻塞，等待回调完成再往下进行执行代码。

文字添加字间距：有时候文字相互紧贴着不美观，文字间添加空格又相隔太宽，就可以使用字间距样式来设置。
letter-spacing: 0.2em;

在指定的元素中设置以下代码，便可以实现指定元素在父元素中居中效果，唯一要求是父元素具有position属性。

.box{
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

使用选择器选择指定的类元素标签的第x个，注意下标从1开始

//表示选中类名为box的第2个标签元素，注意下标从1开始
.box:nth-of-type(2)
//表示选中类名为box的第2个标签元素下的span元素
.box:nth-of-type(2)>span

使用选择器选择指定的类元素标签下的子元素的第x个，注意下标从1开始

//表示选中类名为box的标签下的子元素的第x个，注意下标从1开始
.box:nth-child(x)