id屬于html。id是html中的一個(gè)全局屬性，可以用來配置所有元素共有行為、可以用在任何一個(gè)元素身上。id屬性用于賦予某個(gè)標(biāo)簽唯一的名稱（標(biāo)識符），當(dāng)使用CSS或者JavaScript來操作這個(gè)標(biāo)簽時(shí)，就可以通過id屬性來找到這個(gè)標(biāo)簽。

前端（vue）入門到精通課程：進(jìn)入學(xué)習(xí)
API 文檔、設(shè)計(jì)、調(diào)試、自動(dòng)化測試一體化協(xié)作工具：點(diǎn)擊使用

本教程操作環(huán)境：windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。

id是html中的一個(gè)全局屬性，可以用來配置所有元素共有行為、可以用在任何一個(gè)元素身上。

常用全局屬性有：class、hidden、id、lang、style、title、dir、contenteditable等等。

HTML id 屬性

id 屬性用來賦予某個(gè)標(biāo)簽唯一的名稱（標(biāo)識符），當(dāng)我們使用 CSS 或者 JavaScript 來操作這個(gè)標(biāo)簽時(shí)，就可以通過 id 屬性來找到這個(gè)標(biāo)簽。

為標(biāo)簽定義 id 屬性可以給我們提供很多便利，比如：

• 如果標(biāo)簽中帶有 id 屬性作為唯一標(biāo)識符，通過 id 屬性可以很方便的定位到該標(biāo)簽；

• 如果 HTML 文檔中包含多個(gè)同名的標(biāo)簽，利用 id 屬性的唯一性，可以很方便的區(qū)分它們。

注意：在一個(gè) HTML 文檔中 id 屬性的值必須是唯一的。

語法：

<element id="id值">

id值的命名規(guī)則：

• 必須以字母 A-Z 或 a-z 開頭

• 其后的字符：字母(A-Za-z)、數(shù)字(0-9)、連字符("-")、下劃線("_")、冒號(":") 以及點(diǎn)號(".")

• 值對大小寫敏感

示例代碼如下所示：

<input type="text" id="username" /> <div id="content">PHP中文網(wǎng)</div> <p id="url">https://www.php.cn/</p>

CSS中使用id屬性–id 選擇器

id 選擇器可以為標(biāo)有特定 id 的 HTML 元素指定特定的樣式。

HTML元素以id屬性來設(shè)置id選擇器，CSS 中 id 選擇器以 "#" 來定義。

語法結(jié)構(gòu)如下：

#ID {   屬性 : 屬性值; }

用法與類選擇器類似，這里不做贅述。只需要注意id屬性唯一不可重復(fù)即可。

一個(gè)ID值在一個(gè)HTML文檔中只能出現(xiàn)一次，也就是一個(gè)ID只能唯一標(biāo)識一個(gè)元素(不是一類元素，而是一個(gè)元素)。

即元素的 id 在頁面中是唯一的，因此 id 選擇器用于選擇一個(gè)唯一的元素！

示例：

#div1{     background:rgb(200,200,0);     color:blue;     font-size:20px; }

運(yùn)行結(jié)果

<p>這是一個(gè)段落</p> <p id="div1">這是一個(gè)段落</p>

注意：由于id屬性的唯一性，一般使用css做樣式不使用該選擇器，而該選擇器的主要用途是用來做js特效

（學(xué)習(xí)視頻分享：web前端）