CSS - 문제 미리보기
문제 1359
easy
CSS에서 수학적 계산을 수행하여 속성값으로 사용하는 함수는?
```css
#div1 {
width: _____(100% - 100px);
}
```
정답: B
• `calc()` 함수는 CSS에서 수학적 계산을 수행하는 표준 함수입니다
• calc() 함수의 기본 특징:
• 덧셈(+), 뺄셈(-), 곱셈(*), 나눗셈(/) 연산자 지원
• 서로 다른 단위 간의 계산 가능 (%, px, em 등)
• 동적으로 값이 계산됨
• 실제 사용 예시:
```css
width: calc(100% - 50px); /* 퍼센트에서 픽셀 빼기 */
height: calc(100vh - 80px); /* 뷰포트에서 헤더 높이 빼기 */
margin: calc(1rem + 10px); /* 서로 다른 단위 더하기 */
```
• calc()의 실용적 활용:
• 반응형 레이아웃에서 정확한 크기 계산
• 고정 요소와 유동 요소의 조합
• 복잡한 수학적 관계 표현
💡 학습 팁
이 문제를 포함한 CSS 과목의 모든 문제를 순차적으로 풀어보세요. 진행상황이 자동으로 저장되어 언제든지 이어서 학습할 수 있습니다.