CSS常用功能代码集锦

新手进行网页布局中肯定会遇到很多大大小小的问题，这篇文章希望能帮到大家！
1、若调整一个元素宽高不管用时，请查看这个元素是不是行内元素，若是则使用下面代码设置为块级元素

display:block;

2、在制作导航菜单时，垂直居中用百分比的方法

position:relative;
top:50%;
transform:translateY(-50%);

3、透明的背景样式

background:rgba(0,0,0,0.5);

4、去掉a链接的默认下划线样式

text-decoration:none;

5、去掉li列表的默认样式

list-style-type:none;

6、去掉苹果浏览器默认的按钮样式

-webkit-appearance:none;

7、将一个元素旋转45度

transform:rotateZ(45deg);

8、用弹性布局的方法对元素进行垂直居中对齐

在父元素设置display:flex;
在子元素设置margin:auto;