掌握網頁設計中填充與邊距的區別

用這個指南區分兩者

如果你不知道填充和邊距之間的區別是什麼,那麼你並不孤單。 這是一個經常被問到的問題,並且讓很多網頁設計師難住。 有了這個快速教程,學會區分這兩者。

理解差異

邊距和填充可能會讓新手網頁設計師,甚至有更多經驗的設計師感到困惑。 畢竟,在某些方面,它們看起來像是一樣的東西:圖像或對象周圍的空白區域。

填充只是邊框與實際圖像或單元格內容之間邊界內的空間。 在圖像中,填充是內容周圍的黃色區域。 請注意,填充完全圍繞內容。 您會在頂部,底部,右側和左側找到填充。

另一方面,邊界是邊界之外的空間,邊界和該對象旁邊的其他元素之間的空間。 在圖像中,邊緣是整個對像外面的有限區域。 請注意,像填充一樣,邊距完全圍繞內容。 頂部,底部,右側和左側有邊距。

有用的提示

請記住,如果您計劃使用邊距和填充功能進行真正有趣的事情,則某些瀏覽器(如Internet Explorer)不會正確實施框模型。 這意味著您的網頁在其他瀏覽器中看起來會有所不同(有時甚至完全不同)。