요약

태그의 속성 파악하기

• block level element
  화면 전체를 쓴다 (ex. h1)
• inline element
  라인 중간에 들어가서 화면 전체를 쓰지는 않는다. (ex. a 태그)
• 특징
  • display 속성의 기본값이다.
  • display 옵션으로 변경 가능하다.

Box Model 구성요소

• padding
  컨텐츠와 테두리 사이의 간격
• border
  테두리
• margin
  테두리와 테두리 사이의 간격

실제 활용

• 개발자 도구에서 어느 부분을 바꿔야 할지 확인해가며 수정한다.
• 같은 CSS 속성을 사용하는 태그라면 이원화 가능

/* h1 태그와 a 태그의 옵션이 같은 경우 */
<style>
  h1, a {
      border : 5px red solid;
      display : block;
  }
</style>