将设计时间样式表与 CSS 布局块一起使用

可以使用设计时间样式表来显示通常未被视为 CSS 布局块的元素的背景、边框或框模型。为此,必须首先创建设计时间样式表,此表会将 display:block 属性分配给相应页面元素。

若要将 CSS 布局块可视化助理与非 CSS 布局块的元素一起使用,请执行以下操作:

  1. 创建外部 CSS 样式表,方法是:选择"文件">"新建",然后在"类别"列中选择"基本页",在"基本页"列中选择"CSS",然后单击"创建"。
  2. 在新样式表中,创建规则,这些规则会将 display:block 属性分配给要显示为 CSS 布局块的页面元素。

    例如,如果要显示段落和列表项目的背景颜色,可以创建具有以下规则的样式表:

    p{
    display:block;
    }
    li{
    display:block;
    }
    
  3. 保存此文件。
  4. 在"设计"视图中,打开要附加新样式的页面。
  5. 选择"文本">"CSS 样式">"设计时间"。
  6. 在"设计时间样式表"对话框中,单击"只在设计时显示"文本框上方的加号 (+) 按钮,选择刚才创建的样式表,然后单击"确定"。
  7. 单击"确定"以关闭"设计时间样式表"对话框。

    样式表将附加到文档中。如果使用上面的示例创建了样式表,则会使用 display:block 属性对所有段落和列表项目进行格式设置,从而允许对段落和列表项目启用或禁用 CSS 布局块可视化助理。

相关主题




未找到评论

 

评论添加到页面后给我发送电子邮件 | 评论报告

当前页: http://www.ecnnl.com/doc/dreamweaver/8_cn/using/08_css41.htm

 

E中荷|荷兰华人电子商务