css盒模型彻底研究
关于css盒模型的解说在网上到处都有详细的讲解,相信大家都有所了解了吧。今天借着与同事一起讨论关于css的一些难点问题,最后发现还是对css的核心了解的不是很透彻。借此雅兴重新谈谈css盒模型究竟是个什么玩意。 请看图(1): Margin Padding Content (图1) (图1)是通过CSS的background,padding,margin,color,border,text-align,width,height等属性进行样式化后得到的一个类似与css盒模型的表示图。 以下代码是图1部分的css样式表: [code lang="css"] .out-div { color: red; border: 1px dashed #aaa; width: 400px; height: 300px; margin: 0 auto; text-align: center; background: #fff; }…