CSS是一門非常重要的前端技術，它可以控制網頁的各種樣式和布局。在網頁開發中，經常會遇到需要讓網頁自適應不同設備的屏幕大小，以及讓某個元素居中顯示的情況。

自適應是指網頁可以適應不同設備的屏幕大小，這樣可以讓用戶在不同設備上都有一個良好的瀏覽體驗。實現自適應的方法有很多，其中一種比較常見的方法就是使用CSS的媒體查詢（Media Query）。

@media screen and (max-width: 768px) {
/* 在寬度小于等于768px的屏幕上顯示這個樣式 */
}

居中是指讓某個元素在其父級元素中居中顯示，一般有水平居中和垂直居中兩種方式。實現居中的方法也有很多，以下是一些常用的方法。

水平居中：

/* 對于寬度固定的元素，可以設置margin-left和margin-right為auto */
.element {
width: 200px;
margin: 0 auto;
}
/* 對于寬度不固定的元素，可以使用flex布局 */
.parent {
display: flex;
justify-content: center; /* 水平居中 */
}
.parent .element {
/* 不需要設置寬度，可以按照內容進行伸縮 */
}

垂直居中：

/* 對于高度固定的元素，可以設置margin-top和margin-bottom為auto */
.element {
height: 100px;
margin: auto 0;
}
/* 對于高度不固定的元素，可以使用flex布局 */
.parent {
display: flex;
align-items: center; /* 垂直居中 */
}
.parent .element {
/* 不需要設置高度，可以按照內容進行伸縮 */
}