IT产品热门报价
 手机 更多>>
 笔记本 更多>>
 数码产品 更多>>
 电脑硬件 更多>>

IT热点
  • 电脑硬件
  • 手机
  • MP4
  • 品牌机
  • 办公产品
  • 投影机
  • 服务器
  • 奥林巴斯
  • 尼康
  • 佳能
  • 阿尔卡特
  • 索尼
  • 微星
  • 七彩虹
  • 笔记本
  • 数码相机
  • 数码摄像机
  • 惠普
  • 戴尔
  • 联想
  • 诺基亚
  • 摩托罗拉
  • 索尼爱立信
  • LG
  • 西门子
  • 飞利浦
  • 华硕
  • 硕泰克
  • - - - - - - - - - -
    首页 >> 学院 >> 网页制作 >> 网页制作Dreamweaver
    玩转 Dreamweaver速记 CSS 属性 [网页制作Dreamweaver]
    网络收集
    2007-10-23 15:14:00 文/

    CSS 规范允许使用称作速记 CSS 的简略语法创建样式。速记 CSS 使您可以用一个属性标签指定多个属性的值。例如,您可以使用 font 属性在一行语法中设置 font-stylefont-variantfont-weightfont-sizeline-heightfont-family 属性。

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

    例如,下面显示的 H1 标签使用了普通的 CSS 语法。注意,font-variantfont-stretchfont-size-adjustfont-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-variantfont-stylefont-stretchfont-size-adjust 标签。

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

    因此,Dreamweaver 默认情况下使用 CSS 符号的普通形式撰写语法。这样可以防止能够覆盖普通规则的速记规则所引起的潜在问题。在 Dreamweaver 中打开使用速记 CSS 符号编写代码的 Web 页面时,请注意 Dreamweaver 将使用普通形式创建新的 CSS 规则。通过更改"首选参数"对话框(在 Windows 中为"编辑">"首选参数";在 Macintosh 中为"Dreamweaver">"首选参数")中"CSS 样式"类别中的 CSS 编辑首选参数,您可以指定 Dreamweaver 创建和编辑 CSS 规则的方式。


    ·IT产品报价大全
    更多相关: 手机
    在百度中更多内容: 手机




    打印此 投稿与建议 返回顶部

    相关文章
    ·Dreamweaver便捷技巧方法十六则
    ·Dreamweaver8技巧:查找和替换应用
    ·Dreamweaver8制作网页常用的过度效果
    ·Dreamweaver CPU使用100%的解决方法
    ·在Dreamweaver中灵活使用网页表格