DIV ID用途

轉載自： 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文件中輸入大量的樣式代碼了，搜索引擎也能更快的抓取到我們的內容了。呵呵~~~

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