基于CSS盒模型中的margin属性解析.docVIP

基于CSS盒模型中的margin属性解析 　　摘要：因特网的迅速发展使得HTML 排版界面效果的局限性日益明显。DIV+CSS解决了网页界面布局的难题，成为当前网页布局方式中的主流技术。而CSS盒模型更是这一技术中的重要概念，在CSS盒模型的属性中，margin属性尤为重要，它几乎可以设置在任何元素上，在使用的时候也容易出现一些问题，本文将通过实例对margin 属性进行详细解析。 　　关键词：CSS；盒模型；margin 　　中图分类号：TP37 文献标识码：A 文章编号：1009-3044（2016）36-0074-02 　　现在，CSS已经发展得非常成功了，无论是在浏览器还是应用商店，甚至聊天客户端，CSS都无处不在并且没有任何消退的迹象。CSS也叫层叠样式表（Cascading Stylesheet），在页面制作时采用 CSS 技术，可以控制文本的颜色、字体的样式、段落的间距、背景的图像颜色以及其他各种视觉效果。其主要优势在于，相同的CSS可以用在多个页面上。当CSS与HTML、XHTML结合使用时，CSS展现出了强大的能力。 　　CSS盒模型，是基于CSS的Web设计中非常重要的概念，因为盒模型是CSS定位布局的核心内容。盒模型是针对HTML元素的一组规则，制定了元素的高度、宽度、内边距、边框和外边距是如何度量的，下面从盒模型是什么开始讲起。 　　1 CSS盒