資料結構
網路
關係資料庫管理系統
作業系統
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 次瀏覽
