设为首页  
联系我们  
加入收藏  
网页制作 冲浪宝典 图形图像 操作系统 软件教学 编程开发 认证考试 安全技术 站长专区 文学驿站 娱乐天地 游戏天地 办公软件
文章搜索
您的位置: 首页 >> 文章首页 >> 网页制作 >> Dreamweaver >> 玩转Dreamweaver速记CSS属性
精品推荐
Dreamweaver点击TOP10
·Dreamweaver使用CSS样式表设置网页
·Dreamweaver 经典插件详解
·十二个Dreamweaver鲜为人知的小秘诀
·Dreamweaver 8 无法启动的解决方案
·Dreamwaver 常见问答解答
·如何用Dreamweaver批量做web网页
·Dreamweaver轻松制作网页滚动布告栏
·DreamweaverMX技巧之超链接
·用Dreamweaver制作网页七招实用技巧
·高手传经 网页设计中的几个小技巧
网页制作点击TOP10
·全面理解javascript的caller,callee,call,apply概念
·常用CSS大全
·网页排版CSS教学
·用JavaScript实现文件图片滚动效果
·改变IE的字体大小设置时,页面字体不发生改变,怎样实现?
·Dreamweaver使用CSS样式表设置网页
·在线人数统计代码
·Dreamweaver 经典插件详解
·XML 编程简介
·客户端脚本,值得收藏。。。
精选专题

玩转Dreamweaver速记CSS属性

作者: 来源: 时间:2007-11-20 12:56:59

CSS技巧">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 符号创建您的样式。

 


玩转Dreamweaver速记CSS属性 相关文章:
玩转Dreamweaver速记CSS属性 相关软件:
特别声明:本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载,但请务必注明出处和原始作者。文章版权归文章原始作者所有。对于被本站转载文章的个人和网站,我们表示深深的谢意。如果本站转载的文章有版权问题请联系编辑人员,我们尽快予以更正。
转载请注明来源:http://www.xgdown.com