滚动新闻:
  网站首页     新闻资讯     网络安全     网页制作     办公软件     网站运营     平面设计     网络编程  
今天是,欢迎访问Ok3w新闻发布系统! 请您留言 | 免费下载 | 设为首页 | 加入收藏
您当前位置:网站首页 >> 网页制作 >> Dreamweaver教程 >> 阅读文章
站内查找:

玩转Dreamweaver速记CSS属性


来源:Ok3w新闻发布系统 发布时间:2009-05-02 00:46:00 查看次数:
    CSS 规范允许使用称作速记 CSS 的简略语法创建样式。速记 CSS 使您可以用一个属性标签指定多个属性的值。例如,您可以使用 font 属性在一行语法中设置 font-style、font-variant、font-weight、font-size、line-height 和 font-family 属性。

  使用速记 CSS 时需要注意的关键问题是速记 CSS 属性省略的值会被指定为属性的默认值。当两个或多个 CSS 规则指定给同一标签时,这可能会导致页面无法正确显示。

  例如,下面显示的 H1 标签使用了普通的 CSS 语法。注意,font-variant、font-stretch、font-size-adjust 和 font-style 属性的值都被指定为它们的默认值。

  H1 {

  font-weight: bold;

  font-size: 16pt;

  line-height: 18pt;

  font-family: Arial;

  font-variant: normal;

  font-style: normal;

  font-stretch: normal;

  font-size-adjust: none

  }

  下面用一个速记属性重写这一标签:

  H1 { font: bold 16pt/18pt Arial }

  使用速记符号编写时,会自动将省略的值指定为它们的默认值。因此,上述速记示例省略了 font-variant、font-style、font-stretch 和 font-size-adjust 标签。

  如果您使用 CSS 语法的速记形式和普通形式在不只一个位置定义了样式(如在 HTML 页面中嵌入样式并从外部样式表中导入样式),一定要注意省略的属性可能会覆盖(或层叠)在其他位置明确设置的属性。

  因此,Dreamweaver 默认情况下使用 CSS 符号的普通形式撰写语法。这样可以防止能够覆盖普通规则的速记规则所引起的潜在问题。在 Dreamweaver 中打开使用速记 CSS 符号编写代码的 Web 页面时,请注意 Dreamweaver 将使用普通形式创建新的 CSS 规则。通过更改"首选参数"对话框(在 Windows 中为"编辑">"首选参数";在 Macintosh 中为"Dreamweaver">"首选参数")中"CSS 样式"类别中的 CSS 编辑首选参数,您可以指定 Dreamweaver 创建和编辑 CSS 规则的方式。
·上一条:在DW中编写CSS应该学会的技巧
·下一条:Dreamweaver技巧20则
相关文章
·玩转Dreamweaver速记CSS属性 2009-05-02 00:46:00
·Dreamweaver技巧20则 2009-05-02 00:45:02
·Dreamweaver七招实用技巧 2009-05-02 00:39:50
·Dreamweaver Css背景属性 2009-05-02 00:34:21
·Dreamweaver如何创建代码片段 2009-05-02 00:18:55
·Dreamweaver 一打开就关闭的解决法 2009-04-03 00:19:36
·Dreamwaver设计div层的对齐方式 2009-04-28 17:41:25
·Dreamweaver常用技巧 2009-04-28 17:25:21
文章评论
现在有0人对本文发表评论 查看所有评论
赞助商链接
  最新更新
·设计表单的标签和输入区
·Dreamweaver中鲜为人知的小秘诀
·用Dreamweaver进行网页优化
·Dreamweaver表格边框制作详解
·通过Dreamweaver学习了解CSS
·在DW中编写CSS应该学会的技巧
·玩转Dreamweaver速记CSS属性
·Dreamweaver技巧20则
·Dreamweaver七招实用技巧
·Dreamweaver Css背景属性
·Dreamweaver如何创建代码片段
·Dreamwaver设计div层的对齐方式
·Dreamweaver常用技巧
·Dreamweaver十二个小秘诀
·Dreamweaver制作滚动字幕
  阅读排行
·Dreamwaver设计div层的对齐方式
·Dreamweaver常用技巧
·Dreamweaver制作滚动字幕
·Dreamweaver十二个小秘诀
·设计表单的标签和输入区
·Dreamweaver 一打开就关闭的解决法
·网页制作之用Dreamweaver优化网页
·网页制作之用Dreamweaver优化网页
·Dreamweaver制作网页13种技巧详解
·用Dreamweaver制作网页中常用的过渡效果
·Dreamweaver技巧20则
·用Dreamweaver进行网页优化
·Dreamweaver七招实用技巧
·Dreamweaver如何创建代码片段
·Dreamweaver中鲜为人知的小秘诀
关于我们 | 使用说明 | 联系方式 | 免责声明 | 免费下载 | 有事请留言 | 滇ICP备08101427号
联系邮箱:zhengbi888@yahoo.com.cn 在线QQ:124895502
Copyright 2009, 版权所有 www.glzy8.com.