當我們使用 CSS 樣式來美化網頁時,會使用到 id 選擇器來對 HTML 的某些元素進行樣式的設定。id 在 HTML 語言中是用于 "身份證明" 的屬性,是所有標記中最重要的標識符。在 CSS 樣式代碼中,需要使用 # 符號來表示 id 選擇器,后面跟上 id 名稱即可,如下:
#id名 { 屬性: 值; }
例如,下面的 HTML 代碼中定義了一個 id 為 "myDiv" 的 div 元素:
<div id="myDiv"> <p> 這是一個 DIV 元素。</p> </div>
如果需要為這個 div 元素設置樣式,我們可以這樣寫 CSS 代碼:
#myDiv { background-color: red; color: white; font-size: 24px; text-align: center; }
上面的代碼表示,選擇 id 為 "myDiv" 的 div 元素,并且設置其背景顏色為紅色,文本顏色為白色,字體大小為 24 像素,文字居中顯示。
在 HTML 里,一個 id 名稱只能用一次,而在 CSS 樣式中可以對同一個 id 名稱設定多個樣式,例如:
#myDiv { background-color: red; } #myDiv p { color: white; font-size: 24px; text-align: center; }
上面的代碼中,第一個樣式設定了 div 元素的背景顏色為紅色,而第二個樣式則設定了在 div 元素內的所有 p 元素的字體顏色、字體大小和文字對齊方式。
總之,id 選擇器可以幫助您更精確地控制 HTML 文檔中的各個元素,從而使網頁實現更好的視覺效果。
上一篇css里怎么調用類