div是一種非常重要的HTML元素，可以用來劃分網頁，實現布局和樣式控制。CSS(Cascading Style Sheets)可以幫助我們更好地進行樣式控制。以下是關于div和CSS在線視頻的介紹。

這是頭部
這是導航
這是內容
這是底部

上面的代碼用到了div元素，其中每個div代表了不同的部分：頭部、導航、內容、底部。通過CSS，我們可以為每個部分設置不同的樣式。以下是CSS代碼實現：

.wrapper {
width: 1000px;
margin: 0 auto;
background-color: #f0f0f0;
}
.header {
height: 100px;
background-color: #666;
color: #fff;
font-size: 24px;
text-align: center;
line-height: 100px;
}
.nav {
height: 50px;
background-color: #999;
color: #fff;
font-size: 16px;
text-align: center;
line-height: 50px;
}
.content {
height: 500px;
background-color: #eee;
padding: 20px;
font-size: 14px;
line-height: 1.5;
}
.footer {
height: 50px;
background-color: #666;
color: #fff;
text-align: center;
line-height: 50px;
}

上面的CSS代碼為每個部分設置了不同的樣式：設置了寬度、背景、顏色、字體大小、行高等等。其中“wrapper”類用于容器元素，它的寬度為1000px，并居中顯示。“header”類設置了頭部的高度、背景顏色、字體顏色、居中對齊、行高等樣式。“nav”類設置導航的高度、背景顏色、字體顏色、居中對齊和行高等樣式。“content”類設置內容的背景色、內邊距、字體大小和行高等樣式。“footer”類設置底部的高度、背景顏色、字體顏色、居中對齊和行高等樣式。

以上是有關div和CSS在線視頻的介紹。通過這些代碼和樣式，我們可以更好地掌握HTML和CSS的相關知識，實現更好的布局和樣式控制。