CSS是構(gòu)建網(wǎng)頁布局、樣式的基礎(chǔ)語言。其中,CSS上下左右間距(margin)是我們在布局中使用最多的屬性之一。
CSS中,margin屬性控制元素的外邊距,同樣有上下左右方向的設(shè)置。
/* 外邊距的簡寫 */ margin: 上 右 下 左; /* 每個方向單獨設(shè)置 */ margin-top: 像素/百分比/自動/inherit; margin-right: 像素/百分比/自動/inherit; margin-bottom: 像素/百分比/自動/inherit; margin-left: 像素/百分比/自動/inherit;
使用margin屬性為元素設(shè)置上下左右的間距很方便,但需要注意的是,這些間距都是相對于元素外邊框之外的部分計算的。
除此之外,還有一個重要的點:當一個元素既設(shè)置了外邊距又設(shè)置了內(nèi)邊距(padding),這些值會相加而影響元素的實際大小。
總之,CSS上下左右間距是布局中必不可少的屬性,需要我們合理地使用和理解它們的計算方法。
下一篇css三邊陰影