盒子模型，盒子模型算是頁面比較經典的一個概念了，所有的頁面元素和div都能稱之為一個盒子，每個盒子都具備：內容（content），填充（padding 也稱之為內邊距），邊框（border），邊界（margin 也稱之為外邊距）；下面有一張盒子模型的圖片；

　　說白了這個盒子模型讓你知道你需要效果式需要調整哪個位置的內外邊距以及邊框的樣式；

　　行內元素和塊元素：

　　行內元素，又稱為內聯元素，行內元素在本行內可以容納文本和其他行內元素,常見行內元素<span><a>等;

　　塊元素，塊元素不管內容大小，獨占一行，常見的塊元素 <div><p>等；

　　代碼 display：inline 可以使當前元素按行內元素方式顯示；

　　代碼 display：block 可以使當前元素按塊元素方式顯示；

關於盒子模型以及塊元素和行內元素