数据结构
网络
关系数据库管理系统
操作系统
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 语言编程
C++
C#
MongoDB
MySQL
Javascript
PHP
物理学
化学
生物学
数学
英语
经济学
心理学
社会学
时尚研究
法律研究HTML 中的 *{ 表示什么？
概述
在 HTML（超文本标记语言）中，*{ 是一个通用符号，它代表整个 HTML 文档。换句话说，我们可以说此符号用于定位 HTML body 元素或 HTML DOM（文档对象模型）。此符号主要用于 CSS（层叠样式表）中，以选择整个 HTML DOM 以对其进行某些更改。在 CSS 中，我们通常使用类名、ID 名或标签名来定义一些 CSS 属性，但是要对页面进行通用更改，我们可以使用此符号。
语法
下面显示了在 HTML 中使用上述符号的语法：
*{
// Content goes here
}
算法
创建一个 HTML 文档文件，并在其中编写 HTML 基本代码。
现在在 HTML 文档的 body 中添加一些内容。
<h3> Tutorialspoint.com </h3>
现在在 HTML 的 head 中使用内部样式表，并将 style 标签添加到文档中。
<style></style>
使用上述符号 *{ 作为选择器来选择 HTML DOM。
<style>
*{
// CSS styling properties
}
<style>
现在向选择器添加一些 CSS 样式。
<style>
*{
margin: 0;
padding: 0;
box-sizing: border-box;
text-align: center;
background-color: green;
color: white;
}
</style>
在浏览器中打开文件并查看结果。
示例
在此示例中，我们将学习符号 *{ 的用例，为此，我们将创建一个包含默认属性的 HTML 页面。我们将使用样式属性来重置样式属性。
<html>
<head>
<title> use of *{ in HTML</title>
<style>
*{
margin: 0;
padding: 0;
box-sizing: border-box;
text-align: center;
background-color: green;
color: white;
}
</style>
</head>
<body>
<h3>Tutorialspoint.com</h3>
</body>
</html
当用户在浏览器中加载上述 HTML 文档时，将获得一个绿色背景窗口，并在屏幕上显示“Tutorialspoint.com”文本，因为整个绿色背景是 HTML DOM，由 *{ 定位。在定位此符号时，开发人员定义了某些样式属性，这些属性会反映到 body 的所有子元素上。
结论
使用此符号的优点是我们可以一次将所有 CSS 样式定义到属性中。我们不需要定义和定位 DOM 的所有子元素。在整个场景中，*{ 符号充当标签或 HTML DOM。在实际使用此符号时，开发人员使用它来重置页面的预定义 CSS。重置预定义样式意味着，页面可能存在某些边距或填充，这会干扰我们页面的用户界面，因此通过将样式属性定义为 *{，它将覆盖页面的样式。
319 次浏览
