en   미국 공식 홈페이지 정부
인기 검색어:

TAS 스타일 메뉴 – 텍스트 스타일

텍스트 스타일은 HTML의 고유한 부분입니다. 글꼴 크기와 스타일의 통일성을 보장하기 위해 아래 스타일이 웹사이트의 마스터 스타일시트에 내장되어 있습니다. 제목이 긴 콘텐츠에 유연성을 제공하기 위해 일부 제목 수준에 대해 추가 클래스가 생성되어 고유한 시각적 계층 구조와 섹션 508/WCAG 준수를 손상시키지 않으면서 글꼴 크기를 더 작게 만들 수 있습니다.


일반 텍스트 스타일 예

제목 수준 1

font-weight: 500
font-size: 44px

제목 수준 2

font-weight: (default 400)
font-size: 40px

제목 수준 3

font-weight: 500
font-size: 30px

제목 수준 4

font-weight: 500
font-size: 22px
제목 수준 5
font-weight: 500
font-size: 14px
제목 수준 6
font-weight: 500
font-size: 12px

단락 텍스트

font-weight: (default 400)
font-size: 18px

강조된(기울임꼴) 텍스트

font-weight: (default 400)
font-size: 18px

강한(굵게) 텍스트

font-weight: (default 400)
font-size: 18px

정렬되지 않은 목록

  • 목록 항목 1
  • 목록 항목 1
  • 목록 항목 1

순서가있는 목록

  1. 목록 항목 1
  2. 목록 항목 1
  3. 목록 항목 1

 

Blockquote 옵션은 다음 위치에 표시됩니다. 인용구 템플릿

블로그 텍스트 스타일 예

이들 각각은 "블로그" 클래스가 적용된다는 점을 제외하면 위의 제목 요소와 동일합니다. 예를 들면 첫 번째는 <h1 class="blog"> 대신 <h1>.

 

제목 수준 1

font-weight: 500
font-size: 30px

제목 수준 2

font-weight: (default 400)
font-size: 28px

제목 수준 3

font-weight: 500
font-size: 24px

제목 수준 4

font-weight: 500
font-size: 20px

헤더 모듈입니다

위에는 "blog" 클래스가 적용된 H1이 있습니다. 헤더 모듈의 추가 단락 텍스트입니다.

화이트 NTA 블로그