塊元素: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...