CSS經常使用功能代碼集錦

新手進行網頁佈局中確定會遇到不少大大小小的問題，這篇文章但願能幫到你們！
一、若調整一個元素寬高無論用時，請查看這個元素是否是行內元素，如果則使用下面代碼設置爲塊級元素

display:block;

二、在製做導航菜單時，垂直居中用百分比的方法

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

三、透明的背景樣式

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

四、去掉a連接的默認下劃線樣式

text-decoration:none;

五、去掉li列表的默認樣式

list-style-type:none;

六、去掉蘋果瀏覽器默認的按鈕樣式

-webkit-appearance:none;

七、將一個元素旋轉45度

transform:rotateZ(45deg);

八、用彈性佈局的方法對元素進行垂直居中對齊

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