CSS skills(1) - display, float, position
·
CSS
이번 포스팅에서는 html에 css를 적용할 때 자주 사용하는 다양한 속성들에 대해 알아보도록 하자. display : inline-block; float position 기타 는 기본적으로 블록 속성을 가지고 있다. 그렇기 때문에 안에서 컨텐츠를 정렬하려고 할 때 인라인(inline) 속성을 가지고 있는 을 사용할 것이라고 생각할 수 있다. 하지만 실상은 그렇지 않다. 인라인 속성을 가지고 있을 경우 컨텐츠의 넓이와 높이 지정이 불가능하다. 인라인 속성은 기본적으로 자기가 가지고 있는 크기만큼의 영역만을 차지하기 때문에 넓이와 높이를 지정해 줄 수 있는 를 주로 사용해서 정렬을 한다. 이때 사용하게 되는 css가 바로 display: inline-block; 이다. 의 블록 속성을 인라인 속성으로 변환..