在網頁設計中，div和css是非常基礎的知識。div通常被用來布局，并且可以在其中放置文本、圖片、表格和其他元素。css可以用來控制和美化網頁的樣式和布局。學好div css可以讓我們更加靈活地設計網頁，并且使網頁看起來更美觀。

首先，學好div的重點在于理解布局。

使用div可以將頁面分為不同的區域，如上述代碼中的header、content和footer分別對應網頁的頁眉、內容和頁腳。為了控制這些區域的樣式和位置，需要使用css。

其次，學好css的重點在于掌握選擇器和屬性。

.header {
background-color: #337ab7;
color: #fff;
height: 100px;
text-align: center;
font-size: 24px;
line-height: 100px;
}
.content {
width: 600px;
margin: 0 auto;
font-size: 16px;
line-height: 1.5;
}
.footer {
text-align: center;
padding: 20px 0;
background-color: #f0f0f0;
}

在上述代碼中，.header、.content和.footer是類選擇器，表示對應的div區域。在其中，可以設置各種屬性，如background-color表示背景顏色、width表示寬度、margin表示邊距、padding表示內邊距等等。靈活地使用這些屬性可以達到自己想要的效果。

最后，學好div css需要實踐和實踐。

在學習過程中，可以先模仿別人的作品，比如在CodePen上找到優秀的作品，然后試著將其中的div和css分析出來，自己模仿一遍。這樣可以鍛煉自己的眼力和技術，也可以在模仿的過程中學習到別人的技巧和經驗。

總之，學好div css需要耐心和細心，需要不斷地練習和實踐，也需要不斷地學習和探索。相信只要付出足夠的心血，就一定可以設計出漂亮的網頁。