- overflow
: 컨텐츠가 너무 크거나 / 길어서 크기보다 넘치게 될 때 사용
- visible(default) : 벗어난 부분 표시
- hidden : 벗어난 부분 숨김
- scroll : 스크롤 생성.
- auto : 넘친다면 스크롤, 안넘치면 스크롤 X
- overflow-x : 수평 방향으로 넘칠 때 처리
- overflow-y : 수직 방향으로 넘칠 때 처리
- 모든 요소의 기본 여백과 안쪽 여백을 제거하는 스타일
: = 브라우저 초기화 / css 리셋 이라고 함
사용방법
css
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}Why?
- 보다 일관된 디자인을 구현하기 위해
- 브라우저마다 기본으로 제공하는 여백 스타일이 다를 수 있으므로,
이를 초기화해 동일한 스타일링 환경을 만듭니다.
- white-space
: 텍스트의 공백과 줄바꿈(개행)을 처리하는 방식을 제어하는 css 속성
.no-wrap {
white-space: nowrap;
/* white-space: normal(defalut); */
}