레이아웃 2

비전공자를 위한 HTML/CSS-레이아웃2

clear 속성 요소를 floating 된 요소의 영향에서 벗어나게 하는 속성입니다. 기본 값 : none clear: none | left | right | both | initial | inherit; none 양쪽으로 floating 요소를 허용(기본값) left 왼쪽으로 floating 요소를 허용하지 않음 right 오른쪽으로 floating 요소를 허용하지 않음 both 양쪽으로 floating 요소를 허용하지 않음 block-level 요소만 적용 가능 코드실습 clear: none float:left; 내용 맘대로 내용 맘대로 내용 맘대로 내용 맘대로내용 맘대로 내용 맘대로 내용 맘대로 내용 맘대로내용 맘대로 내용 맘대로 내용 맘대로 내용 맘대로내용 맘대로 내용 맘대로 내용 맘대로 내용 맘..

코딩 공부 2022.05.06

비전공자를 위한 HTML/CSS-레이아웃1

display 속성 요소의 렌더링 박스 유형을 결정하는 속성입니다. 기본 값 : - (요소마다 다름) display: value; none 요소가 렌더링 되지 않음 inline inline level 요소처럼 렌더링 block block level 요소처럼 렌더링 inline-block inline level 요소처럼 렌더링(배치)되지만 block level의 성질을 가짐 * height 나 width 등과 같은 박스모델 속성을 적용할 수 있다 그외에 list-item, flex, inline-flex, table, table-cell 등 다양한 속성 값 존재 inline level 요소 사이의 공백과 개행 처리 inline 요소의 경우 공백과 개행에 대해서 하나의 여백으로 받아들입니다. 따라서 inli..

코딩 공부 2022.05.06