我們可以簡單的這樣理解div+css: div 是用于存放內容(文字,圖片,元素)的容器。css 是用于指定放在div中的內容如何顯示,包括這些內容的位置和外觀。

課程播放地址：http://www.gxlcms.com/course/434.html

該老師講課風格:

教師講課生動形象，機智詼諧，妙語連珠，動人心弦。一個生動形象的比喻，猶如畫龍點睛，給學生開啟智慧之門；一種恰如其分的幽默，引來學生會心的微笑，如飲一杯甘醇的美酒，給人以回味和留戀；哲人的警句、文化的箴言不時穿插于講述中間，給人以思考和警醒。

本視頻中較為難點是盒子模型了：

所有HTML元素可以看作盒子，在CSS中，"box model"這一術語是用來設計和布局時使用。

CSS盒模型本質上是一個盒子，封裝周圍的HTML元素，它包括：邊距，邊框，填充，和實際內容。

盒模型允許我們在其它元素和周圍元素邊框之間的空間放置元素。

不同部分的說明：

Margin（外邊距） - 清除邊框區域。Margin沒有背景顏色，它是完全透明

Border（邊框） - 邊框周圍的填充和內容。邊框是受到盒子的背景顏色影響

Padding（內邊距） - 清除內容周圍的區域。會受到框中填充的背景顏色影響

Content（內容） - 盒子的內容，顯示文本和圖像

為了在所有瀏覽器中的元素的寬度和高度設置正確的話，你需要知道的盒模型是如何工作的。

這里還給大家推薦了源碼資源的下載：http://www.gxlcms.com/xiazai/learn/2126

資源里面給大家分享了視頻課件以及源碼

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com