內聯元素：內聯元素隻能容納文本或者其他內聯元素，它允許其他內聯元素與其位於同一行，但寬度（width）和高度（height）不起作用。常見內聯元素為“a”。
塊級元素和內聯元素的轉化通過display屬性來完成。
塊級元素和內聯元素是DIV+CSS布局中的重要概念，對於它們的理解，學生隻要掌握了框模型就很容易理解。所以，在講解塊級元素和內聯元素時，重點是關注它們的不同，並複習一下框模型即可。
2.6 DIV+CSS布局要點
學習完以上部分，即完成了DIV+CSS布局的主要知識的學習，之後學生就可以進行布局練習了。對於初學者而言，一些布局要點還是需要教師指出的，本人總結了如下兩點。
⑴針對網頁層次結構，給每個元素準確命名：網頁的布局都是從整體到細節，在布局前需要根據頁麵情況將頁麵劃分為若幹了獨立的部分，並通過div標簽進行布局。對於每個獨立部分需要設定直觀的名字，便於css代碼的書寫和以後的維護[6]。
⑵對於不同瀏覽器而言，對於相同的HTML標簽設置了不同內邊距和外邊距數值，為了保證在不同的瀏覽器中取得同樣的布局效果，需要清除瀏覽器默認的內邊距與外邊距。
*{margin：0；padding：0；}
對於div、圖片等元素的水平居中，css沒有設定單獨的屬性，需要利用左外邊距和右外邊距的設定來達到水平居中的效果。不過在使用前，需要將內聯元素轉化為塊狀元素：
#Nav，#Content，#Footer {margin-left：auto；margin-right：auto；}
對於文字的定位而言，css提供了文字水平居中的text-align屬性，而對於文字的垂直居中並沒有提供相應的屬性。文字的垂直居中可以通過line-height屬性來完成。當文字所在的元素的高與行間的距離一樣時，可以達到文字水平居中的效果：
#link{height：38px；line-height：38px；}
3 結束語
如上所述，我們采用循序漸進的教學方法先讓學生熟悉HTML代碼，為進行DIV+CSS布局教學打下基礎；之後講解CSS基本語法、框模型、浮動、塊狀元素與內聯元素，其中框模型的理解最為重要。此外，本文還總結了學生所遇到的布局要點。本文給出的方法為學生盡快掌握DIV+CSS布局提供了幫助。
參考文獻：
[1] 郭軍軍，常用網頁布局對比研究[J].信息技術，2012.11：108-110
[2] 鄭寧寧.淺析DIV+CSS網頁設計技術[J].山東省農業管理幹部學院學報，2008.6：169-170
[3] 袁紅霞.運用DIV+CSS設計網站布局[J].科技谘詢，2012.33：22
[4] 梁靜琳.DIV+CSS布局技術在網頁設計中的應用[J].武漢工程職業技術學院學報，2009.3：42-43
[5] 梁小芳.網頁布局中的浮動與定位應用研究[J].廣東教育學院學報，2010.6：80-81
[6] 林婷婷.以Div+CSS思想引導學生學習編寫網頁的新教法[J].科技信息，2009.11：460
[7] w3school在線教程.