网页设计与制作流程

1.元素的布局方式概述

定位就是允许定义元素相对与其正常位置应该出现的位置，或者相对于父元素，另一个元素甚至浏览器窗口本身的位置。

一切皆为盒

div h1 或p元素常常被称为块级元素。这意味着这些元素显示为一块内容，即“块盒子”。与之相反，span strong 等元素称为“行内元素”，这是因为他们的内容显示在行中，即“行内盒子”

可以使用display属性改变生成盒子的类型。这意味着，通过将display属性设置为block，可以让行内元素表现得像块级元素一样。还可以通过把display设置为none，让生成的元素根本没有盒子。这样的话，该盒子及其所有内容就不再显示，不占用文档的空间。

但是还有一种情况，即使没有进行显示的定义，也会创建块级元素。这种情况发生在把一些文本添加到一个块级元素的开头。即使没有把这些文本定义为段落，他也会被当做段落对待。列如，在下面代码中，虽然some text没有被定义为段落，但也被处理为段落。

<div>

  some text 

  <p>some more text.</p>

</div>

在这种情况下，盒子称为无名块盒，因为他不与专门定义的元素相关联。

块级元素的文本行也会发生类似的情况。假设有一个包含三行文本的段落。每行文本形成一个无名盒。无法直接对无名块或行盒应用样式，因为没有可以应用样式的地方。但是，这有助于理解在屏幕上看到的所有东西都形成某种盒。