現在開始細緻學習html基礎，把學習的記錄一點一滴的記錄下來，可能有問題歡迎拍磚
在學html的時候就聽到乙個著名的盒模式概念，這個概念遍布於現在的div+css設計，首先是一張很老的但是很經典的圖
margin：外邊距，margin: top right bottom left，分別決定模組的上下左右的外邊距，通常以px（畫素點）作為大小標示，也可以使用百分比進行標示
border: 邊框，也有 top right bottom left 的區別， border大小的變化不會影響到內容區的大小變化
padding：內邊距按照畫素點多少的變化會改變整個模組的大小，但是模組的content區域的大小不會發生改變
來看一段**
>web測試
title
>
<
style
type
="text/css"
>
.parent
.child
style
>
head
>
<
body
>
<
div
class
="parent"
>
<
div
class
="child"
>
div>
div>
body
>
html
>
這段**建立了2個div，parent、child，
parent的屬性設定為邊框顏色為紅色大小是1個畫素點的實線，寬度為800px，高度為300px背景顏色為灰色，margin設定為auto自然居中顯示
child的屬性設定為邊框顏色為紅色大小是1個畫素點的實線，寬度為200px，高度為200px背景顏色為綠色，外邊距top為20px，left為30px（相對於parent模組的外邊距後面會結合position屬性來詳細介紹margin）
在這個基礎上我們可以對定義的parent和child的border、padding的引數值進行設定和變化，可以體會到這3個屬性對html元素的影響
div css 一 盒子模型
宣告盒子模型時用到的css屬性 height width margin padding border padding 10px 20px 30px 上10px,左右20px，下30px 注意 在盒子模型時，如果有height 和 width時，必須考慮相容性，尤其是在有border 和padding...
一盒豆腐 四種吃法
一盒豆腐 四種吃法 豆腐是人們日常生活中最普通的食品，儘管它普通但卻並不平凡。記得某前人曾說過 中國豆腐天下第一 蘇東坡 袁枚等古代多個美食家的文章中提到豆腐可以烹成難得的美味，可見這一最普通的東西，卻可以做出不平凡的菜式。不平凡的豆腐還有乙個特色是多變，1盒平平常常 清清淡淡的內酯豆腐，4種簡簡單...
html盒模型基礎。
一 引入 在 中的製作過程中，會把整個頁面劃分結構，讓開發具有層次性，在後期也方便更新和維護。劃分的結構會形成乙個乙個的板塊，這樣劃分出來的一塊一塊的板塊我們簡稱為盒子。把劃分出來的整個 盒子結構也就叫做盒模型。在了解盒模型的基礎上，可以更好的去排版網頁結構，方便編寫 的介面。二 盒子的布局介紹 把...