Folha de estilos default do W3C

W3C

Muitos desenvolvedores desconhecem que existe no W3C uma folha de estilos padrão para o HTML4 com base em uma análise em User Agents para ser usada como referência para desenvolvedores, até eu desconhecia sua existência, descobri apouco em uma de minhas insessantes buscas por conhecimento. Ela se resume nas seguintes especificações:
view plaincopy to clipboardprint?

1.      html, address,
2.      blockquote,
3.      body, dd, div,
4.      dl, dt, fieldset, form,
5.      frame, frameset,
6.      h1, h2, h3, h4,
7.      h5, h6, noframes,
8.      ol, p, ul, center,
9.      dir, hr, menu, pre   { display: block }
10.      li              { display: list-item }
11.      head            { display: none }
12.      table           { display: table }
13.      tr              { display: table-row }
14.      thead           { display: table-header-group }
15.      tbody           { display: table-row-group }
16.      tfoot           { display: table-footer-group }
17.      col             { display: table-column }
18.      colgroup        { display: table-column-group }
19.      td, th          { display: table-cell }
20.      caption         { display: table-caption }
21.      th              { font-weight: bolder; text-align: center }
22.      caption         { text-align: center }
23.      body            { margin: 8px }
24.      h1              { font-size: 2em; margin: .67em 0 }
25.      h2              { font-size: 1.5em; margin: .75em 0 }
26.      h3              { font-size: 1.17em; margin: .83em 0 }
27.      h4, p,
28.      blockquote, ul,
29.      fieldset, form,
30.      ol, dl, dir,
31.      menu            { margin: 1.12em 0 }
32.      h5              { font-size: .83em; margin: 1.5em 0 }
33.      h6              { font-size: .75em; margin: 1.67em 0 }
34.      h1, h2, h3, h4,
35.      h5, h6, b,
36.      strong          { font-weight: bolder }
37.      blockquote      { margin-left: 40px; margin-right: 40px }
38.      i, cite, em,
39.      var, address    { font-style: italic }
40.      pre, tt, code,
41.      kbd, samp       { font-family: monospace }
42.      pre             { white-space: pre }
43.      button, textarea,
44.      input, select   { display: inline-block }
45.      big             { font-size: 1.17em }
46.      small, sub, sup { font-size: .83em }
47.      sub             { vertical-align: sub }
48.      sup             { vertical-align: super }
49.      table           { border-spacing: 2px; }
50.      thead, tbody,
51.      tfoot           { vertical-align: middle }
52.      td, th          { vertical-align: inherit }
53.      s, strike, del  { text-decoration: line-through }
54.      hr              { border: 1px inset }
55.      ol, ul, dir,
56.      menu, dd        { margin-left: 40px }
57.      ol              { list-style-type: decimal }
58.      ol ul, ul ol,
59.      ul ul, ol ol    { margin-top: 0; margin-bottom: 0 }
60.      u, ins          { text-decoration: underline }
61.      br:before       { content: “\A” }
62.      :before, :after { white-space: pre-line }
63.      center          { text-align: center }
64.      :link, :visited { text-decoration: underline }
65.      :focus          { outline: thin dotted invert }
66.
67.      /* Begin bidirectionality settings (do not change) */
68.      BDO[DIR=”ltr”]  { direction: ltr; unicode-bidi: bidi-override }
69.      BDO[DIR=”rtl”]  { direction: rtl; unicode-bidi: bidi-override }
70.
71.      *[DIR=”ltr”]    { direction: ltr; unicode-bidi: embed }
72.      *[DIR=”rtl”]    { direction: rtl; unicode-bidi: embed }
73.
74.      @media print {
75.        h1            { page-break-before: always }
76.        h1, h2, h3,
77.        h4, h5, h6    { page-break-after: avoid }
78.        ul, ol, dl    { page-break-before: avoid }
79.      }

html, address,
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            { display: none }
table           { display: table }
tr              { display: table-row }
thead           { display: table-header-group }
tbody           { display: table-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 }
th              { font-weight: bolder; text-align: center }
caption         { text-align: center }
body            { margin: 8px }
h1              { font-size: 2em; margin: .67em 0 }
h2              { font-size: 1.5em; margin: .75em 0 }
h3              { font-size: 1.17em; margin: .83em 0 }
h4, p,
blockquote, ul,
fieldset, form,
ol, dl, dir,
menu            { margin: 1.12em 0 }
h5              { font-size: .83em; margin: 1.5em 0 }
h6              { font-size: .75em; margin: 1.67em 0 }
h1, h2, h3, h4,
h5, h6, b,
strong          { 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 }
button, textarea,
input, select   { display: inline-block }
big             { font-size: 1.17em }
small, sub, sup { font-size: .83em }
sub             { vertical-align: sub }
sup             { vertical-align: super }
table           { border-spacing: 2px; }
thead, tbody,
tfoot           { vertical-align: middle }
td, th          { vertical-align: inherit }
s, strike, del  { text-decoration: line-through }
hr              { border: 1px inset }
ol, ul, dir,
menu, dd        { margin-left: 40px }
ol              { list-style-type: decimal }
ol ul, ul ol,
ul ul, ol ol    { margin-top: 0; margin-bottom: 0 }
u, ins          { text-decoration: underline }
br:before       { content: “\A” }
:before, :after { white-space: pre-line }
center          { text-align: center }
:link, :visited { text-decoration: underline }
:focus          { outline: thin dotted invert }

/* Begin bidirectionality settings (do not change) */
BDO[DIR=”ltr”]  { direction: ltr; unicode-bidi: bidi-override }
BDO[DIR=”rtl”]  { direction: rtl; unicode-bidi: bidi-override }

*[DIR=”ltr”]    { direction: ltr; unicode-bidi: embed }
*[DIR=”rtl”]    { direction: rtl; unicode-bidi: embed }

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

Teoricamente falando então essa folha de estilos então é para ser usada como base no desenvolvimento de browsers. Se todos os fabricantes de browsers utilizassem esse padrão, com certeza não teríamos mais que quebrar a cabeça para consertar erros bizarros em alguns browsers.

Para vocês verem a diferença que a entre as folhas de estilo, dêem uma olhada na folha de estilo padrão do Firefox 2 e Firefox 3. Não consegui achar a folha de estilos padrão do Internet Explorer para efetuar uma comparação, mas se alguém souber onde conseguí-la, eu agradeceria.

Fonte

Anúncios

Deixe um comentário

Arquivado em XHTML

Deixe um comentário

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair / Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair / Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair / Alterar )

Foto do Google+

Você está comentando utilizando sua conta Google+. Sair / Alterar )

Conectando a %s