`
Jatula
  • 浏览: 280049 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

HTML默认样式

阅读更多
/*[ HTML默认样式,参考地址http://www.w3.org/TR/CSS21/sample.html]*/
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 }/*上面列表元素默认状态下以块状显示,未显示的将以内联元素显示,该列表针对HTML4版本,部分元素在XHTML1中将被废弃*/
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 }/*默认页边距,定义body边界宽度为8像素*/
h1 { font-size: 2em; margin: .67em 0 }/*默认一级标题样式,2倍字体大小,上下边界为0.67倍标题高度*/
h2 { font-size: 1.5em; margin: .75em 0 }/*默认二级标题模式,1.5倍字体大小,上下边界为0.75倍标题高度*/
h3 { font-size: 1.17em; margin: .83em 0 }/*默认三级标题模式,1.5倍字体大小,上下边界为0.83倍标题高度*/
h4, p,
blockquote, ul,
fieldset, form,
ol, dl, dir,
menu { margin: 1.12em 0 }/*定义以上元素的默认上下边界*/
h5 { font-size: .83em; margin: 1.5em 0 }/*默认五级标题样式,0.83倍字体大小,上下边界为1.5倍标题高度*/
h6 { font-size: .75em; margin: 1.67em 0 }/*默认六级标题样式,0.75倍字体大小,上下边界为1.67倍标题高度*/
h1, h2, h3, h4,
h5, h6, b,
strong { font-weight: bolder }/*定义所有标题及粗体元素默认显示*/
blockquote { margin-left: 40px; margin-right: 40px }/*定义文本引用元素左右边界默认为40像素,即定义左右缩进*/
i, cite, em,
var, address { font-style: italic }/*定义这些元素默认为斜体显示*/
pre, tt, code,
kbd, samp { font-family: monospace }/*定义这些元素默认为等宽字体显示*/
pre { white-space: pre }/*定义pre元素默认为代码预定义格式显示*/
button, textarea,
input, select { display: inline-block }/*定义这些表单元素默认为内联元素显示*/
big { font-size: 1.17em }/*定义big元素默认为1.17倍字体大小显示*/
small, sub, sup { font-size: .83em }/*定义这些元素默认为0.83倍字体大小显示*/
sub { vertical-align: sub }/*定义sub元素默认为下标对齐显示*/
sup { vertical-align: super }/*定义sup元素默认为上标对齐显示*/
table { border-spacing: 2px; }/*定义表格边距默认为2像素*/
thead, tbody,
tfoot { vertical-align: middle }/*定义表头、主体表和表脚元素默认为垂直对齐显示*/
td, th { vertical-align: inherit }/*定义单元格、列标题垂直对齐方式默认为继承*/
s, strike, del { text-decoration: line-through }/*定义这些元素默认为删除线显示*/
hr { border: 1px inset }/*定义分割线默认为1像素宽的3D凹边效果*/
ol, ul, dir,
menu, dd { margin-left: 40px }/*定义列表元素左边默认为40像素宽,即左缩进效果*/
ol { list-style-type: decimal }/*定义有序列表符号默认样式*/
ol ul, ul ol,
ul ul, ol ol { margin-top: 0; margin-bottom: 0 }/*定义列表元素的上下边界默认为0*/
u, ins { text-decoration: underline }/*定义这些元素默认为下划线效果*/
br:before { content: "\A" }/*定义换行元素的伪对象内容样式*/
:before, :after { white-space: pre-line }/*定义这些伪对象空格字符的默认样式*/
center { text-align: center }/*定义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="ltr"时的默认文本读写显示顺序*/
BDO[DIR="rtl"] { direction: rtl; unicode-bidi: bidi-override }/*定义BDO元素当其属性为DIR="rtl"时的默认文本读写显示顺序*/

*[DIR="ltr"] { direction: ltr; unicode-bidi: embed }/*定义任何元素当其属性为DIR="ltr"时的默认文本读写显示顺序*/
*[DIR="rtl"] { direction: rtl; unicode-bidi: embed }/*定义任何元素当其属性为DIR="rtl"时的默认文本读写显示顺序*/

@media print { /*定义标题和列表默认的打印样式*/
h1 { page-break-before: always }
h1, h2, h3,
h4, h5, h6 { page-break-after: avoid }
ul, ol, dl { page-break-before: avoid }
}
分享到:
评论

相关推荐

    关于html内清除样式合集.html

    这里包含了一些html内清除默认样式的写法,当我们给html清除默认样式时有可能会遗漏某些样式,达不到想要的结果,这是最基本的默认样式,还有一些等待持续更新,希望能够帮到大家!

    css 浏览器默认样式清除

    默认样式: -通常情况下,浏览器会给元素设置一些默认样式 -默认样式的存在会影响页面的布局 -通常情况下编写网页时需要去除浏览器的默认样式 重置样式表 :专门用来对浏览器的样式进行重置 reset:直接取消了...

    浏览器默认样式表

    浏览器默认样式表(Browser Default Stylesheet)是各个主流浏览器内置于其渲染引擎中的CSS样式规则,用于在网页未定义特定样式时提供基本的外观呈现。这些样式定义了HTML元素的基本表现,如字体、颜色、间距等,...

    css 清除默认样式

    清除HTML文档中默认样式,比如*{margin:0;padding:0;}

    html标签默认样式整理

    本文主要整理了一些常见的HTML标签的默认样式,这对于理解CSS布局以及进行网页设计非常有帮助。 首先,很多标签默认是块级元素(display: block),例如html, address, blockquote, body, dd, div, dl, dt, ...

    HTML标签的默认CSS样式汇总

    了解HTML标签的默认样式,可以让你更好地控制页面的布局和设计,同时减少不必要的CSS代码,提升网页性能。当你编写HTML和CSS时,应根据需求灵活运用这些默认样式,或者对其进行覆盖和定制,以达到理想的视觉效果。

    HTML标签默认样式重置文件reset.css

    每一个HTML标签都有它的默认样式,例如标签有上下边距,body自带外边距等等。这些默认样式在不同的浏览器中可能会不一样,这就导致浏览器默认样式会给我们带来很大的麻烦,从而影响开发效率,所以最好的解决方案就是...

    css 清除浏览器默认样式

    html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,...

    前端 HTML5/css3 去除默认样式

    去除默认样式

    自用的HTML清除CSS浏览器默认样式,包含移动PC,带详细注释说明

    自用了几年的清除默认样式的css文件,包含详细的注释说明,以及一些快捷便利的样式,易看懂。

    XHTML标签的默认样式

    ### XHTML标签的默认样式解析与应用 XHTML(Extensible HyperText Markup Language)是一种更加严格、纯净的HTML标准,旨在解决HTML的一些不规范问题。在XHTML中,每个标签都有其预设的默认样式,这些样式由浏览器...

    HTML默认样式表CSS属性除了inline和block的定义

    在开发网页时,了解HTML元素的默认样式是非常重要的,因为默认样式定义了这些元素在浏览器中的初始外观。根据给定文件内容,我们可以学习到关于HTML元素默认样式的知识点。 首先,我们需要了解HTML标签的显示属性。...

    Struts 2 取消 fielderror 系统默认样式

    如果你想要取消这些系统默认样式,你需要进行以下操作: 1. **自定义主题和模板**: Struts 2使用FreeMarker模板语言来生成视图层的HTML。你可以通过创建自定义主题来改变fielderror的呈现方式。首先,创建一个新...

    HTML4标签的默认样式列表

    ### HTML4标签的默认样式详解 #### 概述 HTML4是超文本标记语言的一个版本,广泛用于构建网页。为了确保网页元素在不同浏览器中具有一致的表现形式,HTML4定义了一系列标签及其默认样式。本文将详细介绍这些标签的...

    HTML教程,HTML默认样式

    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 {di

    重置浏览器默认样式的CSS文件

    该文件中包含了针对各种HTML元素的样式重置规则,例如设置`margin`、`padding`、`border`、`font-size`等属性为0,或者将元素的`display`属性设为`block`,以消除浏览器对这些元素的默认样式。这样做的好处在于,...

    html修改默认单选框样式

    本文将深入探讨如何修改HTML单选按钮的默认样式,并确保在包括IE8及更高版本在内的各种浏览器中都能正常工作。 首先,我们需要理解`<input type="radio">`的基本结构和属性。`type="radio"`定义了一个单选按钮,而`...

Global site tag (gtag.js) - Google Analytics