Dev/HTML&CSS

[HTML] 블럭(Block) 요소, 인라인(Inline) 요소

yujin.me 2021. 4. 26. 20:41
블록 요소
  • DIV, H1, P
  • 사용 가능한 최대 가로 너비를 사용
  • 크기 지정 가능
  • width:100%, height:0;으로 시작
  • 수직> 위~아래
  • margin, padding 위, 아래, 좌, 우 여백 사용 가능
  • 레이아웃 용도
인라인 요소
  • SPAN, IMG
  • 필요한 만큼의 너비를 사용
  • 자신이 포함된만큼의 내용만 사용
  • 크기 지정 불가능
  • width:0, height:0;으로 시작
  • 수평 > 왼쪽~오른쪽
  • 띄어쓰기가 눈으로 보여지는 부분이 있어서 붙이거나 줄바꿈 방식을 통일해야함
  • margin, padding 위, 아래 사용 불가능
  • 텍스트
반응형