解析DIV中关于id的使用功能

发布时间:2020-01-19编辑:脚本学堂
本文简单介绍div中关于id的使用方法及其功能,下面的具体实例让我们对此问题一目了然,需要的朋友一定好好参考。

 先来看一个例子:

复制代码 代码示例:
<div id="navigator">
               <a href="www.jb200.com">我是超级链接</a>
</div>

上面是一个很简单的超级链接。用到了DIV,实际上DIV就相当于一个看不到盒子,盒子里边可以放入很多的文字、图片、flash等等。而盒子里边内容的样式,就全部靠DIV的id所对应的CSS属性值来控制,这是DIV的重点部分。

这个盒子的id是navigator,里边的内容是一个超级链接的代码。现在控制这个盒子的样式,比如修改这个盒子的背景色,怎么办呢?

CSS文件,输入以下代码

复制代码 代码示例:
#navigator{
background:#cccccc;
}

这个CSS属性就是定义了id为navigator的div盒子中背景的颜色为灰色,如果要加入什么样式,只需在这个ID的{}内写进去就好了,不用在html文件中输入大量的样式代码了,搜索引擎也能更快的抓取到我们的内容了。