CSS经常使用功能代码集锦

时间 2019-11-08

标签 css 经常使用功能代码集锦栏目 CSS 繁體版

原文原文链接

新手进行网页布局中确定会遇到不少大大小小的问题，这篇文章但愿能帮到你们！
一、若调整一个元素宽高无论用时，请查看这个元素是否是行内元素，如果则使用下面代码设置为块级元素web

display:block;

二、在制做导航菜单时，垂直居中用百分比的方法浏览器

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

三、透明的背景样式app

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

四、去掉a连接的默认下划线样式布局

text-decoration:none;

五、去掉li列表的默认样式flex

list-style-type:none;

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

-webkit-appearance:none;

七、将一个元素旋转45度orm

transform:rotateZ(45deg);

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

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