注册本站  论坛  繁體中文

电脑技巧
手机 | MP3 | MP4 | 显卡 | 主板 | 显示器 | 光存储 | 笔记本 | 网络设备 | 移动存储 | 数码相机
键鼠 | CPU | 音箱 | GPS | 电视 | 服务器 | 投影机 | 机箱电源 | 品牌电脑 | 办公打印 |
| 网站首页 | Cisco | Windows | Linux | Java | Dotnet | Oracle | 网页设计 | 平面设计 | 安全 | 软件应用 | 电脑维修 | 办公维修 |
您现在的位置: 电脑技巧 >> 网页设计 >> Dreamweaver >> 基础教程 >> 网页设计正文

玩转 Dreamweaver速记 CSS 属性

文章来源:中国设计秀网络学院cnwebshow.com 作者:佚名 更新时间:2007-11-19 【 】 【加入收藏

  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 规则的方式。
 
  注意"CSS 样式"面板仅使用普通符号创建规则。如果您使用"CSS 样式"面板创建页面或 CSS 样式表,一定要知道对速记 CSS 规则进行手工编码可能会导致速记属性覆盖那些用普通形式创建的属性。因此,请使用普通的 CSS 符号创建您的样式。

  • 上一篇网页设计:

  • 下一篇网页设计:
  • 最 新 热 门
     Flash教程:if条件语句的用法
     Flash教程:测试AS代码的执行速度
     Flash教程:trace()的使用
     实现在AJAX下的前进、后退功能
     创建吸引访问者的网站内容的14种方法
     LBS功能:图片的自适应实现代码
     LBS增加引用地址和永久地址点击复制功能
     学习CSS布局网页的一些实例
     CSS学习者:2008年不要作浮躁的人
     网页设计制作之改进超级链接效果
    最 新 推 荐
     玩转Dreamweaver-CSS属性
     玩转 Dreamweaver速记 CSS 属性
     举例熟悉网页的头部信息表示涵义
     网页WEB字体,CSS如何控制?
     用HTML和CSS写出漂亮正规的BLOG
     blockquote标签应该怎样使用?
     解决缩小图标变样问题
     未知高度的非表格垂直对齐
     样式表CSS中div、span和center元素
     用CSS来控制网页背景解说
    相 关 文 章

    关于Dreamweaver MX 2004的PPT格式课件
    玩转Dreamweaver-CSS属性
    在Dreamweaver中利用CSS样式表设置网页
    Dreamweaver代码片断提高css开发效率
    Dreamweaver使用CSS样式表设置网页文本格式
    小技巧:Dreamweaver的应用源格式
    解决Dreamweaver中关于应用CSS的小问题
    Dreamweaver解决网页制作中的空格问题
    Dreamweaver制作网页技巧20则
    制作网页 详解Dreamweaver13个技巧

    | 设为首页 | 加入收藏 | 联系站长 | 友情链接 | 版权申明 | 网站公告

     

    Copyright 2006-2008 pcjx.com All Rights Reserved
    电脑技巧 版权所有 粤ICP备06059145号 地图
    本网站所有内容未经许可不得转载或做其他使用