css3常用的样式

起因

本人小白一枚，最近公司没有项目，就学习整理一下，以便以后查看，该篇博客会在以后的学习过程中持续使用，丰富内容，如果有什么不对的，欢迎小伙伴指正

水平垂直居中样式

        display: flex;
        align-items: center; /*定义body的元素垂直居中*/
        justify-content: center; /*定义body的里的元素水平居中*/

该段代码可以让其子元素水平垂直居中,，具体想看怎么来的可以参看flex语法
如果一个父元素中有多个子元素，想让其中的一个子元素水平垂直居中，以上代码换成一下代码

left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
position: absolute;

同时注意应该在父元素上加上position:relative
还有一个可以设置设置元素的垂直对齐方式

效果图：

css中使用伪类:not(first-child)过滤不能排除第一个元素的解决方法

.connect-modal .search-hd .nav-pills>li:not(:first-child){
    display: none;
}