还有想请问一下,盒模型中的内层与外层元素体现在哪里?这里只说了div元素啊,求大佬解释。
”回 回“比方说将前边这两个还回字看成是两个块状元素。把第一个“回”字里面的小“口”看作是元素内容,而这个小“口”跟包含着它的大”口“之间的空白叫做内层(也就是内边距),而两个“回”字之间的空格叫外层(也就是外边距
这概念有点问题。
要是细分的话,盒模型可以分5层,最上层是border层,往下依次是content+padding层,background-image层,background-color层和margin层,这5层叠加起来形成的是一个盒模型的整体的平面视觉效果,但这个不能叫层模型,顶多叫盒模型的3D模型。而层模型指的是页面一种布局机制:定位。所以非要说它们有什么关系的话,盒模型是页面布局的基础,层模型是页面布局的一种方式,它们都和布局有关。。。
至于 div它是个典型的用于(实际上是专用于)页面布局的盒模型,所以肯定是用它当示范的。实际上,所有元素都可以称作盒模型,可以验证,拿过来一个元素给他设置以上5个盒模型特性的属性和值,都是可以实现的。
但问题是。。。<div>人家是专业的容器,就像开网店进货一样,你会把同类的装在同一个纸盒箱子里,装车时只需研究怎么摆放这些箱子就行啦,div就相当于那个专业的纸盒箱,布局时会把同属于一个主题块的一大堆元素用一个<div>装起来,再给div取个身份,想给这个主题块布局的时候,通过身份(其实就是选择器)调取这个div,处理这个div就行啦。。。
这是指不同的方面吧,,,