①、垂直方向上的兩個div 元素，如果上面div設定了 margin-bottom值，下面div設定 margin-top值，那麼這兩個div在垂直方向上的間距是 margin-bottom值 與 margin-top值 中較大的。
即垂直方向的兩個div 間距值 = max（上面div的margin-bottom值 , 下面div的margin-top值 ）
這就是經典的margin 摺疊問題
②、水平方向上的兩個div 元素，如果左邊div設定 margin-right值， 右邊div設定 margin-left值， 那麼這兩個div在水平方向上的間距值是 margin-right值 與 margin-left值之和。
即水平方向的兩個div 間距值 = 左邊div的margin-right值 + 右邊div的 margin-left值
①、對行級元素可以設定左右兩邊的padding值（即padding-left和 padding-right），行級元素設定 上下兩邊的padding值是無效的（即padding-top 和 padding-bottom值設定不起作用）
②、若想設定 行級元素的上下兩邊的padding值，可以先將行級元素變成塊級（或行內塊）元素，就可以設定上下兩邊的padding值了。（即 設定 display屬性值為 block 或 inline-block）
如 span 元素設定 width 和 height 屬性的值是無效的， 如果需要設定行級元素的寬高可以將 行級元素變成行內塊或者塊級元素。例如：常用的行級元素 a, 很多情況下會將 a 元素設定成按鈕來顯示， 所以需要將a 的display 屬性設定成 block 或 inline-block， 然後才能設定 width和 height
①、div 水平方向居中
設定div的 width值，然後設定 margin: 0 auto; 即可完成div在水平方向上居中顯示
②、div垂直方向居中
方式很多，可以考慮使用相對定位和絕對定位來實現
③、文字的水平居中
例如設定 div裡面的文字水平居中，可以設定該div的樣式為 text-align: center 文字即可水平居中顯示
④、文字的垂直居中
例如設定 div裡面的文字垂直居中，可以設定該div 的 height 值與 line-height 值一致即可垂直居中顯示
關於CSS中的塊級元素以及行級元素
塊級元素 特點 1.每個塊級元素都是獨自佔一行，其後的元素也只能另起一行，並不能兩個元素共用一行。2.元素的高度 寬度 行高和頂底邊距都是可以設定的。3.元素的寬度如果不設定的話，預設為父元素的寬度。常見的塊級元素 行級元素 特點 1.可以和其他元素處於一行，不用必須另起一行。2.元素的高度 寬度及...
塊級元素和行級元素的區別
二 行內元素 三 行內塊級元素 四 行內元素轉換塊級元素 總結1 可以設定寬高 2 塊級元素中可以巢狀塊級元素和行內元素 3 塊級元素從新的一行開始 4 塊級元素寬度不設定時預設為100 位址文字 水平分割線 無序列表 有序列表 段落表單 定義列表1 行內元素的寬高不可以控制，寬高取決於內容 2 行...
CSS中的塊級元素與行級元素
最近初學css時對塊級元素與行級元素有時會產生混淆，寫篇部落格記錄一下自己對其的理解。先從概念上來看 塊級元素 特點 1.每個塊級元素都是獨自佔一行，其後的元素也只能另起一行，並不能兩個元素共用一行。2.元素的高度 寬度 行高和頂底邊距都是可以設定的。3.元素的寬度如果不設定的話，預設為父元素的寬度...