div和span
1、div和span都可以稱為“圖層“。
2、圖層的作用是為了保證頁面可以靈活的布局。相當於“盒子”。
3、div和span是可以定位的，只要確定div的左上角的x軸和y軸坐標即可。
4、最早的網頁是采用table進行布局（不靈活，太死板），現代的網頁開發中div布局使用最多。
5、div和span的區別？
div獨自占用一行（默認情況下，瀏覽器通常會在其后放置一個換行符）；span不會獨自占用一行。
div
1、<div>標簽定義HTML文檔中的一個分隔區塊或者一個區域部分。
2、<div>標簽常用於組合塊級元素，以便通過CSS來對這些元素進行格式化。
3、可以對同一個<div>標簽同時應用class或id屬性，但通常情況下我們偏向於只使用其中一種。
4、為了避免麻煩，可以不必為每一個<div>標簽都加上class或id屬性。
span
1、<span>元素是無語義的行內元素，它可以對元素進行分組，使它們以不同的樣式顯示。
2、<span>標簽沒有固定的格式表現。當對它應用樣式時，它才會產生視覺上的變化。如果不對<span>應用樣式，那么<span>元素中的文本與其他文本不會任何視覺上的差異。
3、<span>標簽提供了一種將文本的一部分或者文檔的一部分獨立出來的方式。
4、可以對同一個<span>元素應用class或id屬性，但是更常見的情況是只應用其中一種。這兩者的主要差異是，class用於元素組（類似的元素，或者可以理解為某一類元素），而id用於標識單獨的唯一的元素。
5、被<span>元素包含的文本，可以使用CSS對它定義樣式，或者使用JavaScript對它進行操作。
代碼示例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HTML中的div和span</title>
</head>
<body>
<div id="mydiv" style="color: blue">
<h3>這是一個在 div 元素中的標題。</h3>
<p>這是一個在 div 元素中的文本。</p>
</div>
<p>
這是一個
<span id="myspan" style="color: red">
紅色的span
</span>
標簽
</p>
</body>
</html>
