我在哪裏可以學習使用div標籤設計/編碼可重定義的html頁面？

Question

我想僅使用div標籤設計我的網頁佈局。但我不擅長它。我需要了解構建可調整網站的基本技巧。

你能提出一些很好的教程/提示kickstart。

Answer 1

有很多網站的教程涵蓋了這一點。這裏有幾個我建議你檢查出：

http://www.colorplexstudios.com/articles/div_web_design_tutorial/

http://www.mardiros.net/liquid-css-layouts.html

也可以嘗試尋找有關流體/彈性佈局教程，如果你想使用div標籤和CSS動態/可調整大小的設計。

Answer 2

還有比http://cssgrid.net/

液態佈局沒有太多更好的框架，這與其說是一個教程，因爲它是預先設計的網站起點，但可以創造奇蹟的幫助您瞭解建築工地的不同屏幕尺寸（一直到手機）。

退房此鏈接，以及用於測試目的 - http://www.resizemybrowser.com/

Answer 3

我知道，你問如何開始瞭解基於CSS的佈局。

我想指出，在這個早期階段，DIV標籤只是作爲沒有語義含義的容器。雖然他們有時幫助佈局，但通常可以通過對HTML元素本身進行周到的設計來達到相同的效果。

例如，UL是一個塊級元素，CSS在這方面將它視爲與DIV完全相同。

我努力在我的佈局中儘可能使用一些DIV標籤，而不是利用HTML元素的盒子模型。這可以最大限度地減少變量，併爲未來提供更清潔，更易維護的代碼。

如您所知，儘可能養成沒有DIV的工作習慣。從長遠來看，您將更好地理解HTML和CSS。