CSS - 문제 미리보기
문제 1335
medium
입력 필드에 포커스가 될 때 스타일을 변경하려면 어떤 선택자를 사용해야 하나요?
```css
input[type=text]_____ {
background-color: lightblue;
border: 3px solid #555;
}
```
```css
input[type=text]_____ {
background-color: lightblue;
border: 3px solid #555;
}
```
정답: B
• `:focus` 가상 선택자는 요소가 포커스를 받았을 때 스타일을 적용합니다
• 포커스 상태란:
• 사용자가 입력 필드를 클릭했을 때
• Tab 키로 해당 필드로 이동했을 때
• 키보드 입력을 받을 준비가 된 상태
• 포커스 스타일링의 중요성:
• 현재 활성화된 필드를 명확히 표시
• 사용자 경험 및 접근성 향상
• 키보드 네비게이션 지원
• 다른 선택자들과의 차이:
• `:hover`: 마우스가 올라갔을 때
• `:active`: 마우스를 누르고 있을 때
• `:visited`: 방문한 링크 (폼 요소에 부적절)
• 포커스 상태란:
• 사용자가 입력 필드를 클릭했을 때
• Tab 키로 해당 필드로 이동했을 때
• 키보드 입력을 받을 준비가 된 상태
• 포커스 스타일링의 중요성:
• 현재 활성화된 필드를 명확히 표시
• 사용자 경험 및 접근성 향상
• 키보드 네비게이션 지원
• 다른 선택자들과의 차이:
• `:hover`: 마우스가 올라갔을 때
• `:active`: 마우스를 누르고 있을 때
• `:visited`: 방문한 링크 (폼 요소에 부적절)
💡 학습 팁
이 문제를 포함한 CSS 과목의 모든 문제를 순차적으로 풀어보세요. 진행상황이 자동으로 저장되어 언제든지 이어서 학습할 수 있습니다.