当前位置: 首页 > 图文教程 > 网页制作 > HTML/XHTML教程 > w3c组织给出html4的样式建议

HTML/XHTML教程
使主页呈现“飞舞”特效
图片下拉选择器的制作(1)
图片下拉选择器的制作(2)
图片控制的渐变色文字(1)
图片控制的渐变色文字(2)
连续滚动的制作
HTC:浏览器上的舞者
源码学习:一个简单的日历控件(1)
源码学习:一个简单的日历控件(2)
源码学习:一个简单的日历控件(3)
源码学习:一个简单的日历控件(4)
源码学习:一个简单的日历控件(5)
源码学习:一个简单的日历控件(6)
源码学习:一个简单的日历控件(7)
源码学习:一个简单的日历控件(8)
源码学习:一个简单的日历控件(9)
源码学习:一个简单的日历控件(10)
源码学习:一个简单的日历控件(11)
利用JavaScript创建功能强大的GUI(4)
利用JavaScript创建功能强大的GUI(5)

HTML/XHTML教程 中的 w3c组织给出html4的样式建议


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-11   浏览: 81 ::
收藏到网摘: n/a

这是w3c组织给出html4的样式建议,可惜浏览器们都加上自己的私有属性,让标准成了浮云。不过对于我们仍然是很有参考意义的。
Appendix D. Default style sheet for HTML 4
This appendix is informative, not normative.

This style sheet describes the typical formatting of all HTML 4 ([HTML4]) elements based on extensive research into current UA practice. Developers are encouraged to use it as a default style sheet in their implementations.

The full presentation of some HTML elements cannot be expressed in CSS 2.1, including replaced elements ("img", "object"), scripting elements ("script", "applet"), form control elements, and frame elements.

For other elements, the legacy presentation can be described in CSS but the solution removes the element. For example, the FONT element can be replaced by attaching CSS declarations to other elements (e.g., DIV). Likewise, legacy presentation of presentational attributes (e.g., the "border" attribute on TABLE) can be described in CSS, but the markup in the source document must be changed.

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   { displayblock } 
li              { displaylist-item } 
head            { displaynone } 
table           { display: table } 
tr              { displaytable-row } 
thead           { displaytable-header-group } 
tbody           { displaytable-row-group } 
tfoot           { displaytable-footer-group } 
col             { displaytable-column } 
colgroup        { displaytable-column-group } 
td, th          { displaytable-cell } 
caption         { displaytable-caption } 
th              { font-weightboldertext-aligncenter } 
caption         { text-aligncenter } 
body            { margin8px } 
h1              { font-size2emmargin: .67em 0 } 
h2              { font-size1.5emmargin: .75em 0 } 
h3              { font-size1.17emmargin: .83em 0 } 
h4, p, 
blockquote, ul, 
fieldset, form, 
ol, dl, dir, 
menu            { margin1.12em 0 } 
h5              { font-size: .83emmargin1.5em 0 } 
h6              { font-size: .75emmargin1.67em 0 } 
h1, h2, h3, h4, 
h5, h6, b, 
strong          { font-weightbolder } 
blockquote      { margin-left40pxmargin-right40px } 
i, cite, em, 
var, address    { font-styleitalic } 
pre, tt, code
kbd, samp       { font-family: monospace } 
pre             { white-spacepre } 
button, textarea, 
input, select   { displayinline-block } 
big             { font-size1.17em } 
smallsub, sup { font-size: .83em } 
sub             { vertical-alignsub } 
sup             { vertical-alignsuper } 
table           { border-spacing2px; } 
thead, tbody, 
tfoot           { vertical-alignmiddle } 
td, th, tr      { vertical-align: inherit } 
s, strike, del  { text-decorationline-through } 
hr              { border1px inset } 
ol, ul, dir, 
menu, dd        { margin-left40px } 
ol              { list-style-typedecimal } 
ol ul, ul ol, 
ul ul, ol ol    { margin-top0margin-bottom0 } 
u, ins          { text-decorationunderline } 
br:before       { content"\A"white-spacepre-line } 
center          { text-aligncenter } 
:link, :visited { text-decorationunderline } 
:focus          { outlinethin dotted invert } 
 
/* Begin bidirectionality settings (do not change) */ 
BDO[DIR="ltr"]  { directionltrunicode-bidibidi-override } 
BDO[DIR="rtl"]  { directionrtlunicode-bidibidi-override } 
 
*[DIR="ltr"]    { directionltrunicode-bidiembed } 
*[DIR="rtl"]    { directionrtlunicode-bidiembed } 
 
@media print { 
  h1            { page-break-beforealways } 
  h1, h2, h3, 
  h4, h5, h6    { page-break-afteravoid } 
  ul, ol, dl    { page-break-beforeavoid } 
}
Appendix D. Default style sheet for HTML 4