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

HTML/XHTML教程
你应该知道的CSS的十八个技巧
初学者很好的参考:HTML标签详尽讲解
学习网页标准制作技术之CSS相关基础知识
学习网页标准制作网页之CSS混合布局应用
HTML基础教程:详细学习常用HTML标签的语义
网页设计基础:基本的页面设计元素布局比例
网页制作基础:图像文件的路径知识
html基础系列教程Ⅰ:从p开始,循序渐进
html基础系列教程Ⅱ:丰富段落里的标签
html基础系列教程Ⅲ:用途相似的标签
html基础系列教程Ⅳ:链接与文本标签们
html基础系列教程Ⅴ:美化段落文本Ⅰ
html基础系列教程Ⅵ:美化段落文本Ⅱ
Web标准知识:(X)HTML Strict 下的嵌套规则
Web标准知识:语义与样式无关
Web标准知识:DIV不是万能膏药
web标准知识:当标题不能显示完整的时候
web标准知识:以图换字的几个方法及思路
CSS教程:legend标签设定宽度的技巧
html基础:常用小技巧几例

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-11   浏览: 69 ::
收藏到网摘: 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