`

HTML元素的W3C默认样式

    博客分类:
  • HTML
阅读更多
  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. /* Begin bidirectionality settings (do not change) */
  67. BDO[DIR="ltr"] { direction: ltr; unicode-bidi: bidi-override }
  68. BDO[DIR="rtl"] { direction: rtl; unicode-bidi: bidi-override }
  69. *[DIR="ltr"] { direction: ltr; unicode-bidi: embed }
  70. *[DIR="rtl"] { direction: rtl; unicode-bidi: embed }
  71. @media print {
  72. h1 { page-break-before: always }
  73. h1, h2, h3,
  74. h4, h5, h6 { page-break-after: avoid }
  75. ul, ol, dl { page-break-before: avoid }
  76. }
分享到:
评论

相关推荐

    浏览器默认样式表

    Firefox的默认样式通常更接近W3C的标准,比如对于无浮动元素的自动换行处理。开发者可以查阅Mozilla Developer Network (MDN)获取详细的Firefox默认样式信息。 3. Webkit (Chrome) 默认样式表: - Chrome基于...

    w3c组织给出html4的样式建议

    W3C(万维网联盟)是负责制定这些标准的组织,他们给出了关于HTML4的样式建议,旨在为开发者提供一种一致的默认样式,使得网页在不同浏览器上的呈现效果更加统一。然而,遗憾的是,各个浏览器厂商为了实现自有的特性...

    W3C_可见鉴菜单样式

    CSS由选择器和声明组成,选择器定位我们想要样式的HTML元素,声明则定义具体的样式规则,如颜色、字体或布局。在创建菜单样式时,常见的选择器包括类选择器、ID选择器以及元素选择器。 菜单通常由`<ul>`(无序列表...

    各浏览器默认的css

    1. **研究浏览器默认样式**:了解每个浏览器如何处理HTML元素的默认样式,例如,有的浏览器可能默认会给`<p>`标签添加下边距,有的则没有。 2. **使用CSS重置或Normalize.css**:这些工具可以消除浏览器间的样式...

    w3cschool菜鸟教程--bootstrap教程

    7. **全局样式**:Bootstrap还提供了全局的CSS样式,例如body标签的默认样式。这些样式包括设置字体大小、行高、字体颜色、背景颜色以及字体族。例如,body默认的字体样式被设置为"HelveticaNeue", Helvetica, Arial...

    CSS层叠样式表技术手册

    W3C作为标准化组织,推动了CSS的诞生,使得网页开发者可以通过外部样式表对整个站点进行统一的布局和样式管理。 CSS的高效性体现在它可以将样式定义保存在外部.css文件中,这样只需要修改样式表,就能即时更新所有...

    HTML css特殊样式,会用的到…

    默认的W3C盒模型(应用于现代浏览器)中,元素宽度和高度只包含内容,而IE盒模型则包含内容、内边距和边框。 总结,掌握这些CSS特殊样式和技巧,将有助于你更高效地构建美观且功能丰富的网页。无论是层的显示与隐藏...

    w3school Javascript & jQuery教程 飞龙整理 20140930

    JavaScript 诞生于1995年,最初由 Brendan Eich 为 Netscape 浏览器开发,后来成为 W3C 标准的一部分。 在 HTML 中使用 JavaScript,通常通过 `<script>` 标签引入。在 `<body>` 或 `<head>` 中放置 `<script>` ...

    html文本格式

    DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">`。 2. **根元素(`<html>`)**: - `<html>`:这个标签表示整个HTML文档的根节点,所有其他元素都必须...

    CSS+DIV 学习

    DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">`。选择正确的 DOCTYPE 对于确保浏览器正确解析文档至关重要。 - **选择适合的 DOCTYPE**:对于 ...

    HTML+CSS面试题及答案

    #### 五、HTML元素分类 - **内联元素**(Inline Elements): - 特点:不独立占据一行,与其他元素在同一行内显示。 - 示例:`<a>`, `<span>`, `<em>`, `<strong>`, `<img>`, `<input>`, `<label>`等。 - **块级...

    CSS基础教程(DOC版)

    3. **层叠性**:当一个元素被多个样式定义时,它们按照特定的层叠顺序决定最终效果,即:浏览器默认样式、外部样式表、内部样式表(在`<head>`中)和内联样式(在HTML元素内部)。 4. **优先级**:内联样式具有最高...

    盒子属性和html项目

    现代浏览器默认采用W3C标准,但可以通过`box-sizing`属性切换。 3. **CSS控制盒模型**:通过`width`、`height`、`padding`、`border`和`margin`属性,开发者可以精确调整元素的各个部分。`box-sizing`属性用于设定...

    CSS离线手册、W3Cschool离线手册.rar

    默认的盒模型(W3C标准)包括内容(content)、内边距(padding)、边框(border)和外边距(margin)。IE盒模型将内容区域的宽度和高度包含了边框和内边距。 **布局模式** 1. **流体布局**:利用百分比单位实现...

    Html权威指南

    - **浏览器战争的结束**:在20世纪90年代末至21世纪初,各大浏览器厂商的竞争导致了浏览器不兼容问题,随着W3C(World Wide Web Consortium)制定标准以及各大浏览器厂商遵循这些标准,浏览器之间的兼容性问题逐渐...

    CSS概念的初级介绍...ppt

    然而,为了确保在不同浏览器中的一致显示,需要注意编写符合W3C标准的CSS代码,并考虑对旧版浏览器的兼容性处理。 **总结** CSS作为网页设计的关键技术,提供了丰富的样式控制和表现分离的优势。通过外部、内部和...

    html5 个人网站源码

    HTML5是下一代网页标准,它在2014年正式成为W3C推荐标准,显著地增强了网页的交互性和表现力。此“html5个人网站源码”是一个理想的起点,尤其是对于初学者,想要了解和掌握HTML5的核心特性的实践应用。 首先,`...

    HTML语言参考.rar_html_html 标记 语言_html 语法_html语言

    使用W3C的HTML验证器,可以检查文档是否符合HTML标准,有助于找出并修复语法错误。 总的来说,HTML是构建网页的基础,理解其语法和标记语言是每个Web开发者的必备技能。通过熟练掌握HTML,可以创建功能丰富、结构...

    CSS文档教程

    当一个元素受到多个样式定义的影响时,会遵循一定的层叠规则,即:浏览器默认样式、外部样式表、内部样式表和内联样式,其中内联样式具有最高优先级。 CSS的语法由选择器和声明组成。选择器指向需要改变样式的HTML...

Global site tag (gtag.js) - Google Analytics