Body元素

当你开始构建一个网站,你开始一个空白页。的身体这个页面元素表示。任何时候你创建一个新的页面,自动创建一个身体元素,这是您将添加你未来的所有元素和内容。任何元素添加到你的页面巢内身体元素。不管你有多少元素嵌套在其他元素,他们都将是嵌套和有组织的身体元素。

访问Body元素

您可以访问身体元素通过导航器或面包屑导航栏的底部帆布。因为身体页面元素最外层的元素,它不能被删除或移动。

样式Body元素

像任何其他元素,你可以风格身体通过使用元素类,您可以使用相同的类风格的其他页面在您的项目。然而,一些样式选项并不是可用的身体元素,包括位置属性和不透明度。

此外,您不能指定一个自定义宽度的身体元素。这个限制是由于浏览器自动处理的宽度身体元素。然而,你可以指定多宽你的内容跨越通过添加的页面部分,容器,列,网格,Div块到身体你的页面。

任何内容这是更广泛的比视窗会溢出身体元素,导致水平滚动,这是很少的。留意你可以防止不必要的水平滚动的元素宽度和负利润。你也可以总是隐藏溢出在身体元素,但不推荐。

样式body标签

如果你想让你的项目中的所有页面都相同的样式,如在所有页面背景颜色——你可以风格身体(所有页)标记。所有样式设置这个标记将被继承身体在你的网站元素。任何新创建的页面也会使用相同的样式。阅读更多关于样式的HTML标记。

的风格身体(所有页)标记:

1. 去风格的面板(按你的键盘上的“S”)
2. 点击里面的选择字段
3. 选择身体(所有页)标记从HTML标签菜单
4. 风格了
   

注意:快速访问选择字段,选择上的任何元素帆布,按命令+返回(Mac)或控制+ Enter(Windows),类型创建一个新的类或使用向上/向下箭头来选择一个现有的类,打击输入。了解更多的选择字段快捷方式。

文本样式继承

当您设置排版样式在身体这些风格传递下来身体的孩子,这意味着所有页面上文本元素。

注意:我们建议做排版风格的变化身体(所有页)标记在所有页面,以确保统一的排版样式。

例如,如果您编辑上的字体身体(所有页)标记,在所有页面所有元素将会继承相同的字体。然而,任何单独的文本元素改变字体将覆盖风格继承了身体(所有页)标记。了解更多关于文本样式继承。

已知问题:内容页面的底部是不可见的设计师

问题:一个已知的问题需要注意的是当页脚的内容被切断——你不能访问它或滚动到它,即使在设计师。这被称为崩溃的边缘,是由于被排挤出这个内容身体元素在页面的底部。这个问题通常发生在导航条绝对定位。

解决方案:为了避免这个问题,不要添加顶边页面上的第一个元素,该元素并没有一个固定的位置。相反,添加顶部填充身体元素。