如何在Dreamweaver的CSS属性面板中使用布局选项 - 在CSS顶部的傻瓜

在CSS设计器属性面板的顶部，通常可以找到CSS属性用于创建页面布局。您可以使用这些选项来指定高度，宽度，对齐方式，定位和间距。这些设置非常适合创建具有类和ID样式的页面布局，以执行诸如对齐图像和位置标签以创建多列布局等功能。

<！您可以使用“CSS属性”面板中的“布局”选项来设置这些值：

宽度：

指定任何可以指定尺寸的元素的宽度，如标签。大小选项是像素（px），点（pt），异食癖（pc），百分比（％），em，rem，ex和ch。 高度：
为任何可以指定尺寸的元素指定高度。 最小值和最大值
- 宽度：指定标签和其他块元素的最小和最大宽度。当您将宽度指定为浏览器窗口的百分比时，这些选项很有用。例如，可以将设计宽度设置为浏览器窗口的80％，然后将“最大宽度”设置为1000 px，以防止布局拉伸超过1000像素。
  
  最小和最大高度：
- 指定标签和其他块元素的最小和最大高度。 边距：
- 设置元素周围的空间量。边距可用于在元素的边缘与页面上的其他元素（例如图像与文本之间或两个标签之间）之间创建空间。您可以分别为顶部，右侧，底部和左侧设置边距。填充以像素，点，英寸，厘米，毫米，皮卡，ems，exs和百分比来衡量。
  
  填充：
- 设置元素边框内的空间量。例如，可以使用填充在标签的边界和其内容之间创建空格。您可以分别设置顶部，右侧，底部和左侧的填充。填充以像素，点，英寸，厘米，毫米，皮卡，ems，exs和百分比来衡量。设置填充和边距可能会非常棘手。将边距和填充添加到元素（如图像或标记）时，会增加该元素的整体大小以及布局中所需的空间量。
  
  位置：
“属性”面板的“布局”部分的下半部分中的“位置”选项可更改元素在页面上的位置。定位可以显着改变块级元素（如表，列表，标题，段落和标签）在浏览器中的显示方式。继承：
- 您不需要指定此默认选项。除非选择另一个选项，否则每个元素都继承其父元素的位置。 静态：
- 将内容放置在文档流内的位置。默认情况下， 可以的所有HTML元素都是静态的。绝对值：
- 使用顶部和左侧坐标来控制元素相对于浏览器窗口的左上角或包含该元素的元素的左上角的位置。 固定：
- 相对于浏览器的左上角放置一个元素。即使用户向下滚动或穿过页面，使用固定位置的元素的内容也保持不变。 相对：
- 使用相对于将元素插入页面或相对于其容器的点的位置。 浮动：
- 将元素（如图像和标记）对齐到页面或其他容器的左侧或右侧，以使文本或其他元素环绕它。单击浮动字段中的图标以指定以下四个选项：继承，右，左或无。清除：
- 防止浮动内容与某个区域左右重叠，或者与元素的两侧重叠。当浮动元素（如用于创建边栏的 标签）与另一个块级元素（例如用于创建页面页脚的标签）重叠时，此选项非常有用。溢出-x和-y：
- 告诉浏览器如果容器（如标签）不能满足元素的整个高度或宽度，则显示元素的内容。溢出选项 可见：
- 即使内容扩展超出容器的定义高度或宽度，也可以使内容（如图像或文本）可见。 隐藏：
- 如果内容超过了容器的大小，请将其剪下。该选项不提供滚动条。 滚动：
- 将滚动条添加到容器，无论其内容是否超过元素的大小。 Auto：
- 只有当容器的内容超出其边界时，才会显示滚动条。 显示：
指示是否或如何在浏览器中呈现元素。例如，通过选择Inline或通过选择None来隐藏一个元素，使其不可见，从而将无序列表的位置从水平变为垂直。您可以使用显示选项和脚本语言来动态更改元素的显示。可见性：
控制浏览器是否显示元素。可见性选项是 继承：
- 元素具有包含它的元素的可见性（默认值）。 可见：
- 显示元素。 隐藏：
- 元素不显示。 折叠：
- 用于HTML表格。可以使用折叠删除列或行，而不会影响表格布局的其余部分。 Z-Index：
控制元素在Z坐标上的位置，它控制着元素的堆叠顺序。较高编号的元素重叠较低编号的元素。 不透明度：
将元素的不透明度从0（全透明）控制到1.0（完全不透明）。例如，如果你输入。 5在不透明度字段中，元素的不透明度将降低到50％。