在CSS樣式表中，使用
<div id="myDiv"> <p>Hello, world!</p> </div>
然后，可以在CSS樣式表中使用#符號(hào)來指定ID選擇器：
#myDiv {
width: 400px;
height: 200px;
background-color: #f1f1f1;
}這將應(yīng)用一個(gè)寬400像素、高200像素的背景顏色為淡灰色的樣式到myDiv元素中。
用于JavaScript的 在JavaScript中，使用 這將找到ID為“myDiv”的 用于布局的 這將創(chuàng)建一個(gè)包含頭部、內(nèi)容和頁腳的網(wǎng)頁布局。在CSS中使用位置屬性將每個(gè)<div id="myDiv">
<p>Hello, world!</p>
</div>
<script>
var myDiv = document.getElementById("myDiv");
myDiv.style.backgroundColor = "red";
</script><div id="header">
<h1>My Website</h1>
</div>
<div id="content">
<p>Welcome to my website!</p>
</div>
<div id="footer">
<small>Copyright ? 2021</small>
</div>
<style>
#header {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100px;
background-color: #333;
color: #fff;
}
#content {
position: absolute;
top: 100px;
left: 0;
width: 100%;
height: 500px;
background-color: #f1f1f1;
}
#footer {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 50px;
background-color: #333;
color: #fff;
}
</style>