DIV ID用途_纸的用途

2022-09-16 11:43:37 浏览数 (1)

<div id=”navigator”>

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

</div>

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

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

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

#navigator{

background:#cccccc;

}

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

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

<div id=”header”> <h1> <asp:Literal ID=”Literal1″ runat=”server” Text=”<%$ AppSettings:SiteTitle %>” /></h1> <asp:SiteMapPath ID=”SiteMapPath1″ runat=”server” CssClass=”breadcrumb” /> </div>

#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%; }

发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/166833.html原文链接:https://javaforall.cn

0 人点赞