【CSS】-----div 和 span的區別

div和span

div和span是很是重要的標籤，div的語義是division「分割」； span的語義就是span「範圍、跨度」。

CSS課程中你將知道，這兩個東西，都是最最重要的「盒子」。

 

1                <div> 2                       <h3>中國主要城市</h3> 3                       <ul> 4                              <li>北京</li> 5                              <li>上海</li> 6                              <li>廣州</li> 7                       </ul> 8                </div>

div在瀏覽器中，默認是不會增長任何的效果改變的，可是語義變了，div中的全部元素是一個小區域。

 

div標籤是一個容器級標籤，裏面什麼都能放，甚至能夠放div本身

span也是表達「小區域、小跨度」的標籤，可是是一個「文本級」的標籤。

就是說，span裏面只能放置文字、圖片、表單元素。 span裏面不能放p、h、ul、dl、ol、div。

span裏面是放置小元素的，div裏面放置大東西的：

1                              <p> 2                                     簡介簡介簡介簡介簡介簡介簡介簡介 3                                     <span> 4                                            <a href="">詳細信息</a> 5                                            <a href="">購買</a> 6                                     </span> 7                              </p>

div標籤是最最重要的佈局標籤，至於class是什麼意思，下午說：

1                <div class="header"> 2                       <div class="logo"></div> 3                       <div class="nav"></div> 4                </div> 5                <div class="content"> 6                       <div class="guanggao"></div> 7                       <div class="dongxi"></div> 8                </div> 9                <div class="footer"></div>

因此，咱們親切的稱呼這種模式叫作「div+css」。div標籤負責佈局，負責結構，負責分塊。css負責樣式。