[網頁設計] CSS小技巧整理

以前在撰寫CSS時，會遇到一些小卡關，需要上網去搜尋 ~
為了以防忘記，我在這裡就把過去學到的小技巧做整理！
這些小技巧都不難，但是可以馬上提點你~


圖片置中 css
display:block;
margin:0 auto;

響應式圖片css
background-image:url();
height: 0px;
padding-bottom:100%;
background-size: cover;
background-position: center center;

div垂直置中

height: 200px;

width: 400px;

background-color: black;

position: absolute;  

top: 50%;           

left: 50%; 

margin-top: -100px; 

margin-left: -200px;

ul在父層 div中置中
div {text-align: center;}
div ul {display: inline-block;}

ul 沒有父層置中
ul{display: table; margin: 0 auto;}

清除浮動
方法一：對父元素
.row{overflow: hidden;}
方法二：放在父元素中的最後
<div class="clearfix"></div>
.clearfix{clear:both;}
方法三：對父元素
.row:after { clear: both; display: block;content: " ";}

使用微軟正黑體
font-family: Microsoft JhengHei;