搬磚中的小事之前端(二)--margin屬性信手拈來的使用--

margin:這個簡寫屬性設置一個元素所有外邊距的寬度,或者設置各邊上外邊距的寬度

例子 1:
margin:10px 5px 15px 20px;
上外邊距是 10px
右外邊距是 5px
下外邊距是 15px
左外邊距是 20px
例子 2:
margin:10px 5px 15px;
上外邊距是 10px
右外邊距和左外邊距是 5px
下外邊距是 15px
例子 3:
margin:10px 5px;
上外邊距和下外邊距是 10px
右外邊距和左外邊距是 5px
例子 4:
margin:10px;
所有 4 個外邊距都是 10px


每次寫margin要麼想不起來記不住,去查,百度,要麼問旁邊同事,亂七八糟的,其實也不一定非要死記硬背的記住它,沒有太大的意義,但是如果一看到立刻就反應過來怎麼用,也許這纔是我們想要的·····
1)任何時候第一個都是上外邊距的;
2)只有一個值,上下左右都是該值;
3)四個值的時候,順時針–上右下左;
4)少於四個值的時候,除非人爲刻意設置,否則僅僅上下對應–左右對等;

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章