高度與字型（內聯元素）
空格（內聯元素之間）
no break space
兩個inline元素之間有任何回車，tab，換行或其他任意字元，都會變成空格。
因而導航欄li元素橫排不要使用inline-block方法，用float+清除浮動。
中文的對齊方式技巧
文字垂直居中
用line-height加padding，不要用height = line-height，因為height = line-height只能居中一行。
margin上下合併
父元素有padding或border，上下margin就不會合併。
div垂直水平居中
CSS寬度高度 定位
通過設定display的屬性值 inline block inline block 修改元素的型別 1.1 行內元素 行內元素對應的框叫做行內框，行內框在一行中水平分布，水平外邊距 margin left right 水平內邊距 padding left right 都有效 垂直外邊距 margin...
css邊距,高度寬度
使用單獨的外邊距屬性 doctype html html head style div style head body h1 使用單獨的外邊距屬性 h1 div 這個 div 元素的上外邊距為 100 畫素，右外邊距是 150 畫素，下外邊距是 100 畫素，左外邊距是 80 畫素。div body...
css 高度隨寬度比例變化
方案一 padding實現 原理 乙個元素的 padding，如果值是乙個百分比，那這個百分比是相對於其父元素的寬度而言的，padding bottom 也是如此。使用 padding bottom 來代替 height 來實現高度與寬度成比例的效果，將 padding bottom設定為想要實現的...