레이아웃에 영향을 미치는 속성

🖥 display

• Block과 Inline 요소의 성격을 바꿀 때 사용
• inline-block을 사용하면 두 요소의 성격을 가짐

h1 { display : inline-block;}

🌊 float

• 왼쪽 정렬, 오른쪽 정렬
• 선택자를 띄워 새로운 레이어 층을 만듬
• 레이어가 겹치지않게 정렬하고싶으면 연속으로 입력

 .left { float : left;}
 .right { float : right;}

🫧 clear

• float 속성을 제어할때
• float을 사용한 태그 다음으로 오는 태그에 clear 속성 적용해야함

	.className p { clear : both;}
    /* 전에 사용된 float : left 또는 right; 기능을 끔  */

⭐️ 브라우저와 공간 공백 제거 ⭐️

• html, body 태그의 margin, padding 값을 0으로 초기화해줌
• 이유는 디자인이나 위치, 모양 잡기 편리하게 할려고 사용됨!