DIV ID用途

最新推荐文章于 2021-09-14 16:23:42 发布

转载最新推荐文章于 2021-09-14 16:23:42 发布 · 2.9k 阅读

文章标签：

8 篇文章

订阅专栏

转载自： http://www.cnblogs.com/c2303191/articles/1076903.html

<div id="navigator">

<a href="http://www.av286.com">我是超级链接</a>

</div>

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

ok，我们已经有了这个盒子，他的 id是navigator，里边的内容是一个超级链接的代码。现在我要控制这个盒子的样式，比如修改这个盒子的背景色，怎么办呢？

我们打开CSS文件，输入以下代码

#navigator{

background:#cccccc;

}

这个CSS属性就是定义了 id为navigator的 div盒子中背景的颜色为灰色。

下面要加入什么样式，只要在这个 ID的{}内写进去就好了，从此我们再也不用在html文件中输入大量的样式代码了，搜索引擎也能更快的抓取到我们的内容了。呵呵~~~

#header
{
    position: absolute;
    top: 0px;
    left: 0px;
    height: 80px;
    width: 780px;
    padding: 10px;
}

#nav
{
    position: absolute;
    left: 0px;
    top: 100px;
    width: 180px;
    height: 580px;
    padding: 10px;
}

#body
{
    position: absolute;
    left: 200px;
    top: 100px;
    width: 580px;
    height: 580px;
    padding: 10px;
}

.mrbEventList
{
width: 40%;
}