div中id的主要用途

不知道這篇文章該怎麼寫標題,總是就是一切和DIV中id相關的內容。
先來看一個例子
 
<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文件中輸入大量的樣式代碼了,搜索引擎也能更快的抓取到我們的內容了。呵呵~~~
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章