CSS3面試選擇題

以下是關于CSS3面試選擇題的一些常見問題：

1. 如何為頁面中的元素添加圓角？
border-radius屬性可以幫助我們為元素添加圓角。例如我們可以使用以下代碼添加圓角：
.box{
border-radius: 10px;
}
2. 如何使用CSS3實現多列布局？
使用多列布局可以使我們的頁面看起來更加美觀，同時也可以提高頁面的信息展示效率。我們可以使用CSS屬性column-count和column-width來實現多列布局。例如以下代碼實現了三列布局：
.container{
column-count: 3;
column-width: 300px;
}
3. 如何使用CSS3實現漸變效果？
使用CSS3的漸變效果可以為我們的頁面添加更加生動的視覺感受。我們可以使用CSS屬性linear-gradient或radial-gradient來實現漸變效果。例如以下代碼實現了從紅色到黃色的垂直漸變：
.background{
background: linear-gradient(to bottom, red, yellow);
}
4. 如何實現響應式布局？
響應式布局可以使我們的頁面在不同分辨率的設備上都能夠有良好的展示效果。我們可以使用CSS3的媒體查詢來實現響應式布局。例如以下代碼實現了在不同屏幕分辨率下顯示不同的樣式：
@media screen and (max-width: 768px){
.container{
width: 100%;
}
}