CSS是前端開發中不可或缺的一環，為了方便開發，以下是一些CSS易忘技巧的大全。

/* 顯示圖片 */
img {
display: block;
max-width: 100%;
height: auto;
}
/* 防止文字溢出 */
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
/* 清除默認邊距 */
* {
margin: 0;
padding: 0;
}
/* 文字居中 */
text-align: center;
/* 使inline-block元素變為塊級元素 */
display: inline-block;
width: 100%;
/* 圖片居中 */
display: flex;
justify-content: center;
align-items: center;
/* 背景圖片居中 */
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
/* 無法點擊 */
pointer-events: none;
/* 超過一行則省略 */
-webkit-line-clamp: 1;
display: -webkit-box;
-webkit-box-orient: vertical;
/* 邊框虛線 */
border: 1px dashed #000000;
/* 消除input默認樣式 */
input,
button {
outline: none;
appearance: none;
}
/* text-shadow */
text-shadow: 1px 1px 1px #000000;
/* 鼠標懸停及焦點樣式 */
:hover,
:focus {
/* 樣式 */
}
/* 動畫動效 */
animation: foo 2s infinite;
/* 設置文字字體 */
font-family: "Arial", sans-serif;
/* 清空浮動 */
.clearfix::after {
content: "";
clear: both;
display: block;
}

以上便是一些開發過程中容易遺忘的CSS技巧，希望大家能夠在項目開發中有所幫助。