[CSS] <h1> ~ <h6> 기본값 코드

✨<h1> ~ <h6> 태그는 HTML 문서에서 제목(heading)을 정의할 때 사용합니다.

이 텍스트는 h1 요소를 사용한 제목입니다.

이 텍스트는 h2 요소를 사용한 제목입니다.

이 텍스트는 h3 요소를 사용한 제목입니다.

이 텍스트는 h4 요소를 사용한 제목입니다.

이 텍스트는 h5 요소를 사용한 제목입니다.

이 텍스트는 h6 요소를 사용한 제목입니다.

이 텍스트는 p 요소를 사용한 단락입니다.

 

h1 {
  display: block;
  font-size: 2em;
  margin-top: 0.67em;
  margin-bottom: 0.67em;
  margin-left: 0;
  margin-right: 0;
  font-weight: bold;
}
h2 {
  display: block;
  font-size: 1.5em;
  margin-top: 0.83em;
  margin-bottom: 0.83em;
  margin-left: 0;
  margin-right: 0;
  font-weight: bold;
}
h3 {
  display: block;
  font-size: 1.17em;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 0;
  margin-right: 0;
  font-weight: bold;
}
h4 {
  display: block;
  font-size: 1em;
  margin-top: 1.33em;
  margin-bottom: 1.33em;
  margin-left: 0;
  margin-right: 0;
  font-weight: bold;
}
h5 {
  display: block;
  font-size: .83em;
  margin-top: 1.67em;
  margin-bottom: 1.67em;
  margin-left: 0;
  margin-right: 0;
  font-weight: bold;
}
h6 {
  display: block;
  font-size: .67em;
  margin-top: 2.33em;
  margin-bottom: 2.33em;
  margin-left: 0;
  margin-right: 0;
  font-weight: bold;
}

출처 : TCPschool.com