DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS進階教程 >> SPAN和DIV,Class與ID的區別匯總
SPAN和DIV,Class與ID的區別匯總
編輯:CSS進階教程     

 SPAN 和 DIV 的區別

SPAN 和 DIV 的區別在於,DIV(division)是一個塊級元素,可以包含段落、標題、表格,乃至諸如章節、摘要和備注等。而SPAN 是行內元素,SPAN 的前後是不會換行的,它沒有結構的意義,純粹是應用樣式,當其他行內元素都不合適時,可以使用SPAN。

<span>SPAN標記有一個重要而實用的特性,即它什麼事也不會做,</span><span>它的唯一目的就是圍繞你的HTML代碼中的其它元素,這樣你就可以為它們指定樣式了。在此例中,</span><span>標識符允許你將一個段落分成不同的部分。</span>

<div>還有一個標識符具有類似的功能,DIV也被用來在HTML文件中建立邏輯部分。</div><div>但與SPAN不同,工作於文本塊一級,</div><div>它在它所包含的HTML元素的前面及後面都引入了行分隔。</div>

------------------------------------------------------------

CLASS和ID的區別

在樣式表定義一個樣式的時候,可以定義id也可以定義class。

  1、在CSS文件裡書寫時,ID加前綴“#”;CLASS用“.”

  2、id一個頁面只可以使用一次;

   class可以多次引用。

  3、ID是一個標簽,用於區分不同的結構和內容,就象名字,如果一個屋子有2個人同名,就會出現混淆;

    CLASS是一個樣式,可以套在任何結構和內容上,就象一件衣服;

  4、從概念上說就是不一樣的:

   id是先找到結構/內容,再給它定義樣式;

   class是先定義好一種樣式,再套給多個結構/內容。

  目前的浏覽器還都允許用多個相同ID,一般情況下也能正常顯示,不過當你需要用JavaScript通過id來控制div時就會出現錯誤。

看完本文後,您還可以看:

css教程:網頁中Span和Div的區別

 

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved