**html) block, inline 요소 완벽 정리 + 속성 변경

block(블록)요소 inline(인라인)요소 란? html 태그 각각의 요소들이 가지는 속성 (유형) block(블록)요소 block-level element 한 줄 전체 차지하는 요소 (100%) 너비(width)와 높이(height) 설정 가능 - 크기를 변경해서 100%가 아니더라도 한 줄 전체 차지함 <div> <h1~h6> <p> <nav> <ul> <li> <header > <main> <footer> <form> <section> <video> <table> ... <h1>hello</h1> <p>nahyun</p> < width 줄어들더라도 한 줄 전체 차지 > h1 { width: 200px; background-color: green; } inline(인라인)요소 inline element 내 컨텐츠 영역만큼만 영역 차지 - 나머지 남은 공간에 다른 요소가 올 수 있음 너비(width)와 높이(height) 설정 불가능 <a> <span> <img> <button...

원문링크 : **html) block, inline 요소 완벽 정리 + 속성 변경