CSS - 문제 미리보기
문제 1332
hard
폼 요소들을 타입별로 스타일링하기 위한 완전한 CSS 코드는?
```css
/* 텍스트 입력 필드 스타일링 */
input[type_____"text"] {
width: 150px;
display: block;
background-color: yellow;
}
/* 버튼 스타일링 */
input[type_____"button"] {
width: 120px;
display: block;
}
```
```css
/* 텍스트 입력 필드 스타일링 */
input[type_____"text"] {
width: 150px;
display: block;
background-color: yellow;
}
/* 버튼 스타일링 */
input[type_____"button"] {
width: 120px;
display: block;
}
```
정답: C
• **폼 요소 스타일링에서는 정확한 값 매칭 `=`**을 사용해야 합니다
• input type 속성의 특징:
• type 속성값은 정확히 하나의 값만 가짐 ("text", "button", "email" 등)
• 공백으로 구분된 여러 값을 가지지 않음
• 부분 문자열이 아닌 완전한 값 매칭 필요
• 폼 스타일링의 실용적 활용:
```css
input[type="text"] { /* 텍스트 입력 */ }
input[type="email"] { /* 이메일 입력 */ }
input[type="password"] { /* 비밀번호 입력 */ }
input[type="submit"] { /* 제출 버튼 */ }
input[type="reset"] { /* 초기화 버튼 */ }
```
• input type 속성의 특징:
• type 속성값은 정확히 하나의 값만 가짐 ("text", "button", "email" 등)
• 공백으로 구분된 여러 값을 가지지 않음
• 부분 문자열이 아닌 완전한 값 매칭 필요
• 폼 스타일링의 실용적 활용:
```css
input[type="text"] { /* 텍스트 입력 */ }
input[type="email"] { /* 이메일 입력 */ }
input[type="password"] { /* 비밀번호 입력 */ }
input[type="submit"] { /* 제출 버튼 */ }
input[type="reset"] { /* 초기화 버튼 */ }
```
💡 학습 팁
이 문제를 포함한 CSS 과목의 모든 문제를 순차적으로 풀어보세요. 진행상황이 자동으로 저장되어 언제든지 이어서 학습할 수 있습니다.