HTML 4_기본 튜토리얼의 기본 스타일 시트

이 부록은 규범적인 내용이 아니라 정보를 제공하는 내용입니다.

이 스타일 시트는 현재 UA 관행에 대한 광범위한 연구를 기반으로 모든 HTML 4([HTML4]) 요소의 일반적인 형식을 설명합니다. 개발자는 이를 구현 시 기본 스타일 시트로 사용하는 것이 좋습니다. 

교체된 요소("img", "object"), 스크립팅 요소("script", "applet"), 양식 제어 요소 등을 포함하여 일부 HTML 요소의 전체 표현은 CSS 2.1에서 표현할 수 없습니다. 프레임 요소. 

다른 요소의 경우 레거시 프레젠테이션을 CSS로 설명할 수 있지만 솔루션에서는 해당 요소를 제거합니다. 예를 들어 FONT 요소는 CSS 선언을 다른 요소(예: DIV)에 첨부하여 대체할 수 있습니다. 마찬가지로 표시 속성(예: TABLE의 '테두리' 속성)의 기존 표현은 CSS에서 설명할 수 있지만 소스 문서의 마크업은 변경해야 합니다. 

html, 주소,
blockquote,
body, dd, div,
dl, dt, fieldset, form,
frame, frameset,
h1, h2, h3 , h4,
h5, h6, noframes,
ol, p, ul, center,
dir, hr, menu, pre   { display: block }
li             { display: list-item }
head           { 디스플레이: 없음 }
테이블           { 디스플레이: 테이블 }
tr            { 디스플레이: table-row }
thead          { 디스플레이: table-header-group } tbody           { 디스플레이: 테이블- row-group }
tfoot          { display: table-footer-group }
col             { display: table-column }
colgroup        { display: table-column-group }
td, th          { display : table-cell }
caption         { display: table-caption }
번째              { font-weight: bolder; 텍스트 정렬: 가운데 }
캡션         { 텍스트 정렬: 가운데 }
본문            { 여백: 8px }
h1             { 글꼴 크기: 2em; 여백: .67em 0 }
h2              { 글꼴 크기: 1.5em; 여백: .75em 0 }
h3              { 글꼴 크기: 1.17em; 여백: .83em 0 }
h4, p,
blockquote, ul,
fieldset, form,
ol, dl, dir,
menu            { 여백: 1.12em 0 }
h5              { 글꼴 크기: .83em; 여백: 1.5em 0 }
h6              { 글꼴 크기: .75em; 여백: 1.67em 0 }
h1, h2, h3, h4,
h5, h6, b,
강하게          { font-weight: bolder }
blockquote      { margin-left: 40px; margin-right: 40px }
i, cite, em,
var, address    { font-style: italic }
pre, tt, code,
kbd, samp       { font-family: monospace }
pre             { white-space: pre }
버튼, 텍스트 영역,
입력, 선택   { 디스플레이: 인라인 -block }
big            { font-size: 1.17em }
small, sub, sup { font-size: .83em }
sub            { vertical-align: sub
sup            { vertical- 정렬 : super }
테이블           { 테두리 간격: 2px; }
thead, tbody,
tfoot           { vertical-align: 가운데 }
td, th          { vertical-align: inherit }
s, strike, del  { 텍스트 장식: line-through }
시간             { 테두리: 1px 삽입 }
ol, ul, dir,
menu, dd        { margin-left: 40px }
ol             { list-style-type: decimal } 울, ul ol,
ul ul, ol ol    { margin-top: 0; margin-bottom: 0 }
u, ins          { text-장식: 밑줄 }
br:before       { content: "A" }
:before, :after { white-space: pre-line }
center         { text-align: center }
:link, :visited { text-꾸밈: 밑줄 }
:focus         { 개요: 얇은 점 반전 }

/* 양방향 설정 시작(do 변경하지 않음) */
BDO[DIR="ltr"]  { 방향: ltr; unicode-bidi: bidi-override }
BDO[DIR="rtl"]  { 방향: rtl; unicode-bidi: bidi-override }

*[DIR="ltr"]    { 방향: ltr; 유니코드-bidi: 삽입 }
*[DIR="rtl"]    { 방향: rtl; unicode-bidi: 삽입 }

@media print {
  h1            { page-break-before: always }
  h1, h2, h3,
  h4, h5, h6    { page-break -after: 피함 }
  ul, ol, dl    { page-break-before: 피함 }
}