FLOAT 속성의 설명 : 띄우기
1. 이미지의 형태에 맞는 텍스트 요소 붙이기
See the Pen float 속성의 사용(1) by ++EXP (@pp_exp) on CodePen.
2. block 요소의 좌우 배열에 사용한다.
See the Pen block 요소의 좌우 배열에 사용하기 by ++EXP (@pp_exp) on CodePen.
3. float와 clear 속성의 사용. 레이아웃 배치시 사용되는 방법들.
See the Pen float 속성 : 분할배열하기(1) by ++EXP (@pp_exp) on CodePen.
- float:속성에 사용할 수 있는 값들 - left / right
- flaoat:속성 뒤에 맞는 clear 속성 만들기 :left :right :both
See the Pen float 분할배열 만들기 by ++EXP (@pp_exp) on CodePen.
- 부모 요소에 float속성 사용
- 부모 요소에 overflow:hidden 속성의 사용
'웹디자인 기능사 시험예제 > 2) 구조 만들기' 카테고리의 다른 글
레이아웃 (8) 시멘틱 태그와 종류 (0) | 2019.07.29 |
---|---|
레이아웃 (7) 가운데 정렬 (0) | 2019.07.29 |
레이아웃 (5) POSITION 속성의 활용 (0) | 2019.07.29 |
레이아웃 (4) POSITION 속성 사용하기 (0) | 2019.07.29 |
레이아웃 (2) 박스 모델 이해하기 (0) | 2019.07.29 |