前端學習(九)關於邊距和居中的問題

2021-10-07 02:04:24 字數 455 閱讀 1486

塊元素:margin:0 auto;(盒子水平居中)

絕對(absolute)定位的盒子居中:left:50%    margin-left:-盒子寬度一半

行內元素/行內塊元素:父元素 text-align:center (文字水平居中)

垂直居中:行高=塊高

fixed如何定位版心右側:left:50%    margin-left:版心寬度的一半

清除內外邊距 *

相鄰塊元素垂直外邊距的合併

如果相鄰盒子上面乙個設有margin-bottom&下面乙個設有margin-top,此時會發生塌陷。

巢狀塊元素垂直外邊距的合併

如果父元素有上外邊距且子元素有上外邊距時,父元素會塌陷較大值

ps:盒子:層疊性、繼承性、優先順序

優先順序:!important > 行內》 id >類》元素》*/繼承

復合選擇器有權重疊加!!!

前端學習之背景 邊框和邊距相關屬性

background 設定物件的背景樣式。該屬性是 乙個復合屬性,可用於同時設定背景色 背景 背景重複模式等屬性。該屬性值格式如下 background color background image background repeat background attachment background...

1 2 塊級(或行級)元素的邊距以及居中問題

垂直方向上的兩個div 元素,如果上面div設定了 margin bottom值,下面div設定 margin top值,那麼這兩個div在垂直方向上的間距是 margin bottom值 與 margin top值 中較大的。即垂直方向的兩個div 間距值 max 上面div的margin bot...

前端學習筆記二 CSS(4)關於容器的內 外距

繼續。第乙個示例,就管它叫 距離產生美 charset utf 8 name viewport content width device width,initial scale 1 title head type text css img box style box class img src 05...