前端知識點之magin的用法與注意事項

2021-08-28 17:16:06 字數 533 閱讀 3962

margin:

margin的定義和用法:

margin是乙個設定所有外邊距的屬性;

注意 :塊級元素的垂直相鄰外邊距會合併,而行內元素實際上不佔上下外邊距。

行內元素的的左右外邊距不會合併。同樣地,浮動元素的外邊距也不會合併。

允許指定負的外邊距值,不過使用時要小心。

使用margin時的注意事項 :

消除子盒子的margin-top對父級盒子的影響的方法:

1:可以利用父級盒子的padding-top來代替子盒子的margin-top的值;

2:給父級元素加上:overflow:hidden;

3:在父盒子的外部加上邊框也可以消除margin-top對父盒子的影響;

前端知識點之overflow屬性的用法

如果你沒有設定乙個盒子的 高度,該盒子的高度將根據他容納的內容的需要進行增長 但是當你給盒子指定乙個高度或者寬度而裡面的內容超出的時候可以用到overflow,又或者想讓浮動元素撐起 包含塊的時候也可以使用overflow屬性 overflow屬性 其有四個值 visible 預設 hidden,s...

前端知識點

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 知識點 ul li 中預設選擇class active firstli rem...

前端知識點

css實現單行文字溢位顯示 overflow hidden text overflow ellipsis white space nowrap 實現多行文字溢位顯示 display webkit box webkit box orient vertical webkit line clamp 3 o...