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              { 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; line-height: 1.12 }
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, object,
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 }
abbr, acronym   { font-variant: small-caps; letter-spacing: 0.1em }
:link, :visited { text-decoration: underline }
:focus          { outline: thin dotted invert }

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 }
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; line-height: 1.12 }
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, object,
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 }
abbr, acronym   { font-variant: small-caps; letter-spacing: 0.1em }
:link, :visited { text-decoration: underline }
:focus          { outline: thin dotted invert }

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 }
  • 0
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: 在HTML中,有以下三个常用的标签: 1. <html>标签:用于定义HTML文档的根元素,也就是整个HTML文档的开始标签。 2. <head>标签:用于定义HTML文档的头部分,包含文档的元数据,如文档标题、字符集、关键字等等。 3. <body>标签:用于定义HTML文档的主体部分,包含所有展示在浏览器窗口中的内容,如文本、图片、视频等等。 此外,还有其他一些标签,如<title>标签用于定义文档标题、<meta>标签用于定义元数据等等。但是以上三个标签HTML文档的基本组成部分,必不可少。 ### 回答2: 在HTML中,th、td和tr是常用的标签元素,用于创建表格。 1. th(表头单元格):th是table header(表头)的缩写,用于定义表格的列标题。通常位于表格的顶部,在thead元素或包含表格头部的tr元素中使用。th元素创建的单元格通常会被加粗显示,并有默认的居中对齐样式。它用于命名各列的属性或描述,并提供更好的可读性。 2. td(表格数据单元格):td是table data(表数据)的缩写,用于定义表格中的数据单元格。td元素用于包装表格的每个单元格的实际内容,可以包含文本、图像、链接或其他任何HTML元素。在一个tr(表格行)中,通常有多个td元素,对应于该行中的各个列。td单元格通常具有默认的左对齐样式。 3. tr(表格行):tr是table row(表行)的缩写,用于定义表格中的行。在一个表格中,每个tr元素都用于包含一组td元素或th元素,创建表格的每一行。tr元素本身并不包含实际的内容,而是用于组织和定义表格的结构。通常,一个表格中有多个tr元素,表示不同的行。 总结:th用于定义表格的列标题,td用于包装表格中的数据内容,tr用于定义表格的行。它们是表格标签元素,结合使用可以创建整齐的表格结构,并提供更好的可读性和组织性。 ### 回答3: 在HTML中,th(表头单元格)、td(数据单元格)和tr(表格行)是用于创建表格的元素。 th元素用于定义表格的表头单元格。通常位于表格的首行,标识该列的内容或名称。th元素具有默认的加粗和居中对齐的样式。 td元素用于定义表格中的数据单元格。td元素位于表头下方的行中,包含表格中的实际数据。td元素的样式默认为普通的文本样式,居左对齐。 tr元素用于定义表格中的行。每一个tr元素表示表格中的一行数据,包含着td或th元素。一个完整的表格都必须由一个或多个tr元素组成。 所以,可以总结出以下区别: - th用于定义表头单元格,td用于定义数据单元格,tr用于定义表格的行。 - th具有默认的加粗和居中对齐的样式,而td具有普通的文本样式,居左对齐。 - tr元素表示表格中的一行数据,包含着td或th元素。 综上所述,th、td和tr元素在HTML中具有不同的作用和样式,分别用于定义表格的表头单元格、数据单元格和行。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值