html裡的元素分為兩大類
塊元素：div塊元素獨佔一行的.有寬高的
浮動：可以使塊元素在一行上顯示
內聯元素：不獨佔一行，沒有寬高
span 寫文字的，其實div足夠勝任工具人的角色。
改變元素位置的方法
margin(外邊距):
子父級margin-top會合併為1個
同級相鄰的top和bottom會合併為乙個
缺點：margin會有合併問題，margin會重疊,在垂直方向上，同級關係的元素top和bottom加在一起不會都生效，取較大值，適用 平行比較好。
padding(內邊距):
缺點：div塊會撐開。要主動的減去對應的寬和高（在樣式修改寬高）
position:
如何讓塊元素在一行上顯示？
浮動：希望哪幾個元素在一行上顯示，就要給哪幾個元素加浮動
float:left
float:right
個人心得：內邊距多用於父級
HTML元素間距問題
在利用css 布局時，經常會遇到一些沒有定義間距 padding margin 之類的內容，但是頁面上卻總會有一些不知從何而來的間距出現，下面就是我在自己的工作中遇到的一些常見情況的總結，及其消除方法。1.併排div 之間的間距。多個 div元素在定義屬性 display inline block ...
HTML 塊級元素和行內元素
行內內容是說由行內元素組成的內容，行內元素大家都知道吧，比如 span 元素，iframe元素和元素樣式的display inline的都是行內元素。例如文字這類元素，各個字母 之間橫向排列，到最右端自動折行。塊級內容跟則是由塊級元素構成，div 是最常用的塊級元素，元素樣式的display blo...
html塊級元素和行內元素
塊元素一般都從新行開始，它可以容納內聯元素和其他塊元素,常見塊元素是段落標籤 p form 這個塊元素比較特殊，它只能用來容納其他塊元素。如果沒有css的作用，塊元素會順序以每次另起一行的方式一直往下排。而有了css以後，我們可以改變這種html的預設布局模式，把塊元素擺放到你想要 的位置上去。而不...