id屬于html。id是html中的一個全局屬性,可以用來配置所有元素共有行為、可以用在任何一個元素身上。id屬性用于賦予某個標簽唯一的名稱(標識符),當使用CSS或者JavaScript來操作這個標簽時,就可以通過id屬性來找到這個標簽。
前端(vue)入門到精通課程:進入學(xué)習(xí)
API 文檔、設(shè)計、調(diào)試、自動化測試一體化協(xié)作工具:點擊使用
本教程操作環(huán)境:windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。
id是html中的一個全局屬性,可以用來配置所有元素共有行為、可以用在任何一個元素身上。
常用全局屬性有:class、hidden、id、lang、style、title、dir、contenteditable等等。
HTML id 屬性
id 屬性用來賦予某個標簽唯一的名稱(標識符),當我們使用 CSS 或者 JavaScript 來操作這個標簽時,就可以通過 id 屬性來找到這個標簽。
為標簽定義 id 屬性可以給我們提供很多便利,比如:
-
如果標簽中帶有 id 屬性作為唯一標識符,通過 id 屬性可以很方便的定位到該標簽;
-
如果 HTML 文檔中包含多個同名的標簽,利用 id 屬性的唯一性,可以很方便的區(qū)分它們。
注意:在一個 HTML 文檔中 id 屬性的值必須是唯一的。
語法:
<element id="id值">
id值的命名規(guī)則:
-
必須以字母 A-Z 或 a-z 開頭
-
其后的字符:字母(A-Za-z)、數(shù)字(0-9)、連字符("-")、下劃線("_")、冒號(":") 以及點號(".")
-
值對大小寫敏感
示例代碼如下所示:
<input type="text" id="username" /> <div id="content">PHP中文網(wǎng)</div> <p id="url">https://www.php.cn/</p>
CSS中使用id屬性–id 選擇器
id 選擇器可以為標有特定 id 的 HTML 元素指定特定的樣式。
HTML元素以id屬性來設(shè)置id選擇器,CSS 中 id 選擇器以 "#
" 來定義。
語法結(jié)構(gòu)如下:
#ID { 屬性 : 屬性值; }
用法與類選擇器類似,這里不做贅述。只需要注意id
屬性唯一不可重復(fù)即可。
一個ID值在一個HTML文檔中只能出現(xiàn)一次,也就是一個ID只能唯一標識一個元素(不是一類元素,而是一個元素)。
即元素的 id 在頁面中是唯一的,因此 id 選擇器用于選擇一個唯一的元素!
示例:
#div1{ background:rgb(200,200,0); color:blue; font-size:20px; }
運行結(jié)果
<p>這是一個段落</p> <p id="div1">這是一個段落</p>
注意:由于id屬性的唯一性,一般使用css做樣式不使用該選擇器,而該選擇器的主要用途是用來做js特效
(學(xué)習(xí)視頻分享:web前端)