css知識margin和padding是什麼意思font:12px/1.5 表示什麼意思？margin怎麼設定display:inline/block是什麼意思float是什麼意思

margin外邊距，padding内邊距，外邊距表示一個元素的邊到相鄰元素的距離，内邊距表示元素之間的内容和元素邊框的距離。

其中12px/1.5表示：文字大小12像素，行高1.5倍，也就是150%

margin簡寫屬性在一個聲明中設定所有外邊距屬性。四個屬性是順時針，上右下左

比如：

margin：10px 5px 15px 20px

上邊距是10px

右邊距是5px

下邊距是15px

左邊距是20px

它也允許隻需要設定兩個值就表示四個值，設定兩個值的時候，第一個值代表上邊距和下邊距，第二個值代表左邊距和右邊距。比如：

margin：10px 5px

下邊距是10px

左邊距是5px

margin設定另外可以設定的是一個auto值，auto值就是讓浏覽器自己設定，比如

居中可以使用：margin:0 auto

居左可以使用：margin:0 auto 0 0

居右可以使用：margin:0 0 0 auto

舉div和span元素為例，div是塊級元素，而span是内聯元素，就是說，假設沒有任何其他設定的話，兩個div元素會是上下排版關系，兩個span元素會是左右排版關系

而比如你想修改div為内聯方式，那麼就需要使用display屬性

<a href="http://www.w3school.com.cn/css/pr_class_float.asp">http://www.w3school.com.cn/css/pr_class_float.asp</a>

是浮動的意思，這個屬性是用于布局的時候用的，比如下面的這個圖

該怎麼設計呢？

它分為左右兩個活動區塊，左邊的區塊是banner圖，右邊的區塊是文字介紹和按鈕。那麼在假設父div是整個顯示部分的話，我們看到左邊的banner圖距離父div左框有一定距離，右邊的也有一定距離。

實作這個有個問題就是這兩個div應該是内聯的，但是内聯的元素的margin屬性是不能生效的。是以要讓内聯的元素生效就需要設定float屬性。

1 父div中設定padding，然後左邊的子banner的div和右邊文字的div分别設定float左邊和右邊

2 父div中不設定padding，然後左邊的子banner的div設定float的時候同時設定margin。但是這個時候，在IE6，7下會出現雙邊距的問題，是以需要設定display:inline。

3 父div中不設定padding，然後左邊的子banner的div再套在一個div裡面，而這個div設定float，然後子div中在再做margin的操作。

本文轉自軒脈刃部落格園部落格，原文連結：http://www.cnblogs.com/yjf512/p/3476669.html，如需轉載請自行聯系原作者