id 选择器就是使用元素上在的 id 号作为样式的选择器 ... 在这个 h1 元素上，我们可以添加一个 id .. 使用 html 的 id 这个属性 ... 它的值可以自己定义 .. 这里我把它设置成 title ..

要注意的是，一个页面上，同一个 id 只能出现一次，也就是你在这个 h1 元素上使用了一个 title id ，在其它的地方就不能再用这个 id 号了 ..

在样式表里我们给 title 这个 id 去添加点样式 .. id 选择器使用 # 号开头 .. 然后是 id 的名字 .. 再用一组大括号 .. 里面是为使用这个 id 的元素设计的样式 ..

这里给它添加一个一像素的灰色的下边的边框 ... 用的是 border-bottom 这个属性，border 是边框的样式 .. bottom 就是底部 .. 它的值是 1px solid #ccc ... 表示 1 个像素的灰色的实线 ..

另起一行，在设置一下内边距 ... 使用 padding-bottom 属性 .. padding 是内边距 .. bottom 表示底部 .. 它的值设置成 10px ...

你会看到，页面上的这个大标题，会出现一个灰色的边框，这就是我们给在这个元素上添加的 id 设计的样式 .. 同时它的文字颜色还是红色 .. 这个样式来自在它上面使用的 red 这个类 ...