CSS常用功能程式碼集錦

志遠電子發表於2018-03-23

新手進行網頁佈局中肯定會遇到很多大大小小的問題,這篇文章希望能幫到大家!
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;

相關文章