[CSS] 웹페이지를 만들때 많이 사용되는 float속성

float속성은 웹 페이지를 만들때 가장 기본이 되는 속성중 하나 입니다

그리 어려운 속성이 아니므로 꼭 이해하고 넘어 가셔야되는거 아시죠^^

그럼 지금부터 float속성에대해 자세히 알아보도록 하겠습니다.

float속성에 적용할수 있는 키워드는 무수히 많습니다. 하지만 많은 키워드 중에서도

가장 많이 사용되는 키워드가 두가지가 있는데요

바로

left, right 입니다.

(이 두가지 키워드는 꼭 기억하세요!)

처음 float속성은 그림 요소를 글자위에 띄우기위한 목적으로 만들어진 기능인데요

아래의 사진을 보시면 아시겠지만 inline 요소인 img태그 와 block요소인 p태그를

같이 작성하게 되면 분리 되게 됩니다.

하지만 이러한 부분을 img 태그에 float속성을 left를 주게 됨으로써

이미지가 글자위에 올라올수 있게 되는거죠

(float 적용전)

( float:left 적용후 )

이처럼 float속성은 이미지를 띄울때 사용되기도 하지만

수평 정렬, 레이아웃 구성에도 사용되는 스타일 속성중 하나 입니다

그러니 자세히 알고 넘어가셔야 겠죠^^

다음시간에는 float속성의 다른 활용법에 대해 또 알아보도록 하겠습니다.