CSS盒模型(Box Model)

单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,*,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,*,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,*,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,*,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,*,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,*,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,*,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,*,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,*,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,*,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,*,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,*,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,*,CSS,盒模型,简介,Box Model,盒模型简介,在一张网页里面，说到文章，你会想到词语，句子，段落。,说到,标签，还可能想到图片，,LOGO,等。但是浏览器都把,这些以及其它所有标签，都当成是一个个盒子，甚至，浏览器本,身就是一个大盒子。任何东西都是盒子里面的东西。,理解盒模型,Padding,：是指内容与其边框线之间的空间。,Border,：是指盒子周边的直线。可以是四周围绕，也可以,为单独的几条。,Margin,：是指一个标签和另一个标签之间的间隔。,Padding,：是指内容与其边框线之间的空间。,Border,：是指盒子周边的直线。可以是四周围绕，也可以,为单独的几条。,Margin,：是指一个标签和另一个标签之间的间隔。,Margin,Border,Padding,这里是内容：,XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX,理解盒模型,内容,Padding,Border,盒模型实例,内容,Padding,Border,Margin,Margin,Margin,Margin,内 容,Padding,Border,Margin,Back-ground-color,是填充边框内部的，包括边框所在位置,THX,