div (2) 썸네일형 리스트형 CSS - 속성 float (div 수평정렬) CSS - 속성 float (div 수평정렬) float float 속성은 요소의 위치를 잡을 때 아주 중요한 역할을 하는 스타일 속성이다. float의 사전적 의미는 물위에 '떠있다'의 뜻을 가진다. 이미지와 텍스트를 함께 배치할 때 이 float 속성은 유용하다. 이미지에 float="left"속성을 주면 이미지는 왼쪽으로 배치되고 뒤따르는 텍스트는 이미지를 감싸며 배치된다. float된 요소는 부모 컨테이너의 가장 왼쪽이나 오른쪽으로 이동한다. float된 요소후에 추가되는 요소는 float 요소를 감싸면서 배치된다. float된 요소 이전에 추가된 요소는 float의 영향을 받지 않는다. float속성으로는 요소를 레이아웃의 왼쪽이나 오른쪽으로만 배치될 수 있다. 위쪽이나 아래쪽으로는 float할.. HTML - div와 span HTML - div와 span div와 span 특징 div는 divide의 약자로 웹페이지를 논리적인 섹션 영역으로 분리할 때 많이 사용한다. div는 블록 수준영역이기 때문에 한줄 전체 영역을 차지한다. span은 인라인 요소이기 때문에 자신이 필요한 크기만 차지한다. div는 웹 페이지의 공간을 분할하여 레이아웃을 작성하는데 많이 사용된다. 과거에는 table을 이용한 레이아웃을 많이 사용했지만 지금은 올바른 방법이 아니다. 테이블은 단지 표 형태의 데이터를 표시하는 용도로만 웹표준에서는 사용해야 한다. divide의 약자로 블록 수준 영역이기 때문에 한줄 전체 영역을 차지한다. 보통 너비와 높이를 지정해 레이아웃을 작성한다. 인라인 수준 영역이기 때문에 필요한 크기의 영역을 차지한다. 이전 1 다음
