🔗 display 속성display: none - 안보이게, 공간 차지도 없어짐visibility: hidden - 안보이게, 공간 차지는 유지됨block: 한줄 차지, 줄바꿈이 됨div, h1~h6, p, hr, ol, ul, li, table, forminline: 콘텐츠 크기만큼 너비 차지, 줄바꿈 안됨span, a, img, text 속성(b, small, ins, etc...), input, labelinline-block: inline이면서 너비/높이 확보 가능🔗 box model모든 레이아웃(배치)은 박스모양으로 가능4가지 박스 모델 구성 요소margin: 다른 요소와의 간격, border: 테두리선의 굵기,padding: 내부 요소와 테두리와의 간격, content: 내용물의 크기🔗 ..

🔗 CSSCascading Style SheetCascading : 중첩, 계단식, 흐른다이전 스타일에 새 스타일을 적용하면 새 스타일이 적용됨 🔗 적용법head 태그 안에 style 태그로 적용inline 태그 : html 태그 안에 style 속성으로 적용 -> 간단하게 스타일을 적용할 때별도의 CSS 파일로 만들어서 import 하는 방법 -> 스타일이 복잡할 때 제목태그 H1입니다. 제목태그 H2입니다. /* 2번 방법: inline 태그 이용 */ 제목태그 H3입니다.   🔗 선택자🧩 전체 선택자 : ** { color: brown;} 🧩 태그 선택자 : HTML 태그명 (ex: h1, p)h1 { color: tomato;}/* 태그를 여러개 선택..