HTML4 默认样式与自定义设计指南

需积分: 9 62 浏览量更新于2024-09-17 收藏 3KB TXT 举报

"HTML4标签的默认样式列表" 在网页设计和开发中，HTML（超文本标记语言）是构建网页内容的基础。HTML4是HTML的一个版本，它定义了一系列标签来组织网页结构，并为这些标签提供了默认的样式。了解HTML4标签的默认样式对于开发者来说至关重要，因为它可以帮助他们更好地控制和自定义网页的外观。以下是一些常见的HTML4标签及其默认样式： 1. `display` 属性： - `block`：大多数HTML元素，如`<div>`, `<p>`, `<h1>`至`<h6>`等，都具有`display: block`的默认样式，这意味着它们会占据整个宽度并开始新的行。 - `list-item`：`<li>`元素的默认样式为`display: list-item`，会在前面显示一个项目符号或数字。 - `table`、`table-row`、`table-header-group`、`table-row-group`、`table-footer-group`、`table-column`、`table-column-group`、`table-cell`和`table-caption`等表格相关元素，具有与表格布局相关的`display`属性。 2. `font-weight` 和 `text-align`： - `<th>`（表头单元格）的默认样式包括`font-weight: bolder`，使得文字更加醒目，`text-align: center`使内容居中对齐。 - `<caption>`（表格标题）的`text-align: center`确保其内容居中。 3. `margin`： - `<body>`标签默认有`margin: 8px`的外边距，为网页提供一定的空间。 - 头部标签（`<h1>`至`<h6>`）有不同的`font-size`和`margin`设置，随着级别的增加，字体大小减小，而顶部和底部的外边距也相应减少。 - `<p>`和其他一些元素（如`<blockquote>`, `<ul>`, `<fieldset>`, `<form>`, `<ol>`, `<dl>`, `<dir>`, `<menu>`）有一个共同的`margin: 1.12em 0`，这在段落之间创建了间距。 4. `font-style`： - `<i>`, `<cite>`, `<em>`, `<var>`, 和 `<address>`元素的默认`font-style`为`italic`，使文本呈现斜体。 5. `font-family`： - 对于代码展示相关的元素如`<pre>`, `<tt>`, `<code>`, `<kbd>`, 和 `<samp>`，它们的默认`font-family`是`monospace`，这种字体每个字符宽度相同，便于代码排版和阅读。 6. `white-space`： - `<pre>`元素的`white-space: pre`属性保留了原文本中的空格和换行，使得代码块或预格式化文本保持原样显示。以上就是HTML4中一些主要标签的默认样式。开发者可以利用CSS（层叠样式表）覆盖这些默认样式，以实现自定义的视觉效果。通过理解这些基础样式，可以更有效地控制和优化网页的布局和样式。

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; unicode-bidi: embed }
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 }
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,

下载后可阅读完整内容，剩余2页未读，立即下载

erheily

粉丝: 0
资源: 4

HTML4 默认样式与自定义设计指南

HTML文件，html4的标签学习

HTML标签的默认CSS样式汇总

定义列表标签实战技巧：HTML CSS列表标签应用技术

Html去掉无序列表默认样式的语句是？

清除浏览器默认样式css下载

怎么修改elementui默认样式仅当前页面生效

如何修改element组件库中Cascader级联选择器下拉列表的默认样式

element-plus删除默认样式 el-select

标签选择器用于修改HTML元素默认的样式吗

p标签会继承text标签的样式？

最新资源