內容區：content ：元素中的所有子元素和文字內容都在內容區中排列。內容區的大小由width和height兩個屬性設定。
邊框（border）: 邊框屬於盒子的邊緣，邊框裡面屬於盒子的內容，邊框外面屬於盒子的外部。要設定邊框，需要至少設定三個樣式： 邊框的大小會影響盒子的大小。（盒子大小=content大小+邊框大小）
邊框屬性：
border-top-width、border-left-width、：用來單獨指定某乙個邊框寬度。
邊框顏色(border-color）、邊框樣式(border-style） 規則同border-width 相同。
邊框樣式(border-style）：
border 簡寫屬性：沒有順序限制。如果只單獨設定時使用（border-top、border-bottom、border-right、border-left）
padding：內容區和邊框之間的距離。（內邊距設定會影響到box大小，背景顏色會延伸到內邊距中）
margin:外邊距不會影響盒子的大小，會影響盒子的位置。一共四個方向的外邊距「
元素水平布局：
乙個元素在其父親元素中，水平布局必須滿足以下等式：
元素垂直方向布局：
垂直外邊距重疊：相鄰的垂直方向的外邊距會發生重疊現象。
父子元素
行內元素的盒模型：
table：將元素設定為乙個**。
none：元素不再頁面中顯示
visibility：
通常情況下，瀏覽器都會為元素設定乙個預設樣式，若元素未設定css樣式，則瀏覽器會使用預設樣式。預設樣式的存在會影響頁面的布局，通常開發時需要去除掉瀏覽器的預設樣式（pc端頁面）。
html5學習筆記
html5 1 文件宣告dtd 設定文件型別 使得瀏覽器按照標準模式 w3c標準 渲染網頁 否則瀏覽器按照自定義的怪異模式渲染網頁 2 結構標籤 本質上都是div標籤，但是有意義，3 canvas 凡是路徑圖形，開始畫之前要beginpath 畫完要closepath 定義縮寫 the prc wa...
HTML5學習筆記
最近在讀陸凌牛老師的 html5與css3權威指南 在看的過程中，發現一部分屬性已經過時了，下面一些總結 1.indexeddb資料庫的事物idbtransaction兩種事物狀態 1 唯讀事務 idbtransaction.read only 2 讀寫事物 dbtransaction.read w...
html5學習筆記
實現在兩個div中來回拖放 請把拖放到矩形中,再來回拖動 首先，為了使元素可拖動，把 draggable 屬性設定為 true 然後，規定當元素被拖動時，會發生什麼。在上面的例子中，ondragstart 屬性呼叫了乙個函式，drag event 它規定了被拖動的資料。datatransfer.se...