#TIL (May 24th, 서른일곱번째 이야기

CSS 속성 모르는 부분 정리

box-sizing: border-box

* {  
    margin: 0;
    padding: 0;
    box-sizing: border-box;
   }

border-box를 설정해줌으로서 layout 작업 시 padding 값으로 인해 사이즈가 변형되는것을 방지할 수 있음

레이아웃이 화면에 꽉차게 하고 responsive한 화면을 만드려면 아래값으 default로 잡아줌

html, body {
	width:100%;
    height:100%;
    }

overflow-x: hidden

가로 스크롤을 만들지 않겠다는 의미

body {
overflow-x : hidden;
}

img tag(하단공백 없애기 위해)

img {
	vertical-align: middle;
    border:0;
    }

float을 사용할때를 대비하여 해당내용 적용

.clearfix {
	clear: both;
   }