将可视化助理与非 CSS 布局块元素一起使用
- 2022-02-28
- 来源/作者： adobe-dreamweaver.cn / adobe-dr…
- 9 次浏览
间样式表来显示通常未被视为 CSS 布局块的元素的背景、边框或框模型。为此，必须首先创建设计时间样式表，此表会将 display:block 属性分配给相应页面元素。
创建外部 CSS 样式表，方法是：选择“文件”>“新建”，然后在“类别”列中选择“基本页”，在“基本页”列中选择“CSS”，然后单击“创建”。
在新样式表中，创建规则，这些规则会将 display:block 属性分配给要显示为 CSS 布局块的页面元素。
例如，如果要显示段落和列表项目的背景颜色，可以创建具有以下规则的样式表： p{
display:block;
}
li{
display:block;
}
创建外部 CSS 样式表，方法是：选择“文件”>“新建”，然后在“类别”列中选择“基本页”，在“基本页”列中选择“CSS”，然后单击“创建”。
在新样式表中，创建规则，这些规则会将 display:block 属性分配给要显示为 CSS 布局块的页面元素。
例如，如果要显示段落和列表项目的背景颜色，可以创建具有以下规则的样式表： p{
display:block;
}
li{
display:block;
}
保存此文件。
在“设计”视图中，打开要附加新样式的页面。
选择“文本”>“CSS 样式”>“设计时间”。
在“设计时间样式表”对话框中，单击“只在设计时显示”文本框上方的加号 (+) 按钮，选择刚才创建的样式表，然后单击“确定”。
单击“确定”以关闭“设计时间样式表”对话框。
样式表将附加到文档中。如果使用上面的示例创建了样式表，则会使用 display:block 属性对所有段落和列表项目进行格式设置，从而允许对段落和列表项目启用或禁用 CSS 布局块可视化助理。
