最近筆者在尋找前端開發工程師的時候，經常會遇到一些涉及到CSS的面試題。今天，筆者就來為大家分享一些常見的CSS字節面試題。

1. 請用CSS實現一個動畫，讓一個div從左邊平滑移動到右邊。

div {
position: absolute;
left: 0;
top: 100px;
width: 100px;
height: 100px;
background-color: red;
animation: move 2s ease-in-out forwards;
}
@keyframes move {
from {
left: 0;
}
to {
left: calc(100vw - 100px);
}
}

2. 請寫一個CSS選擇器，選中所有class屬性中包含"active"的元素。

[class*="active"] {
/* styles */
}

3. 請給一個按鈕添加hover效果，鼠標放上去后按鈕變色。

button:hover {
background-color: #F0F0F0;
}

4. 請使用CSS實現一個三角形。

.arrow {
width: 0;
height: 0;
border-top: 50px solid transparent;
border-bottom: 50px solid transparent;
border-right: 50px solid #FF0000;
}

5. 請寫一個CSS選擇器，選中第一個p標簽。

p:first-of-type {
/* styles */
}

這些CSS面試題雖然看起來簡單，但在實際的工作中卻常常用到。希望大家可以熟練掌握這些常見的CSS面試題，進一步提高自己的CSS技能。