티스토리 뷰
모든 HTML태그는 디폴트로 block와 inline이라는 속성을 가진다
block 특성
항상 새로운 라인에 표시된다.
화면 너비전체를 차지하며 자동으로 width: 100% height: auto 가 된다.
프로퍼티 설정 가능 (widht,height,margin,padding)
블럭요소안에 인라인 요소 포함 가능하다.
주요 태그는 div,h1-h6,p,ol,ul,li,hr,table,form
inline 특성
새로운 라인으로 시작하지 않는다 같은 라인에 위치가능
요소너비만큼 가로폭 차지
프로퍼치 설정 불가 (상하여백은 line-height로 가능하다)
inline 특성을 가진요소뒤 엔터,스페이스있을경우 4px정도 공백이 생김
인라인 특성요소안에 블럭특성 요소 포함되지않는다.
주요태그 span, a, storng, img, br, input, selsct, textarea, button
inline-block 특성
다른요소와 함께 동일 라인에 표시된다.
프로퍼티 지정가능
요소너비만큼 가로폭 차지
공백있을경우 4px 지정
이전에 작성해뒀던 나의 네이버 블로그에서 옮겨왔다.