您的位置: 首页 >> 新闻中心 >> 计算机 >> 设计制作
玩转 Dreamweaver8.0:速记 CSS 属性
■ 最新课程推荐更多课程>>
学校培训课程开课时间上课地点精英价报名
北 师 大 平面设计创意全科班电话预约北京师范大学¥1300
北 师 大 艺术设计实战班电话预约北京师范大学¥2200
北 师 大 商业设计实战班电话预约北京师范大学¥2600
金 同 方 苹果平面设计周末班电话预约人大总部¥960
金 同 方 平面设计认证周末班电话预约人大总部¥588

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

 

下一篇:玩转Dreamweaver8:CSS层叠样式表

  了解层叠样式表层叠样式表 (CSS) 是一系列格式设置规则,它们控制 Web 页面内容的外观。使用 CSS 设置页面格式时,请将内容与表现形式分开。页面内容(即 HTML 代码)驻留在 HTML 文件自身中,而用于定义代码表现形式的 CSS 规则驻留在另一个文件(外部样式表)或 HTML 文档的另一部分(通常为文件头部分)中。使用 CSS 可以非常灵活并更好地控制具体的页面外观,从精确的布局定位到特定的字体和样式。
 
  CSS 允许您控制 HTML 无法独自控制的许多属性。例如,可以为选定的文本指定不同的字体大小和单位(像素、磅值等...[查看详情]

  影视动画培训   北大BEC培训官方报名网站   2008美国夏令营启航官方指定报名网站   2008留学第一站!  
  北师大 火星时代
共举影视动画培训之鼎
  北大BEC培训官方报名网站
现在报名独享95折!
  2008年国家职业资格考试
一次过关完全备考手册
  2008留学第一站
留学资讯尽在精英留学站!
 
上一篇:只有八行代码的动态自适应文本框
下一篇:玩转Dreamweaver8:CSS层叠样式表
 相关新闻
·AutoCAD建模实例:绘制雨伞·Vue 5 Esprit彩色图控制材质色彩变化
·用COOL 3D制作超炫结婚盛典三维片头·Vue 5 Esprit渲染参数详解
·巧妙用文字给你设计的网页“注入情感”·卡通漫画动作设计的主要风格类型
·Creative Suite3中文版7月开发布会·Adobe ColdFusion 8 Beta 公开发布
·Adobe正式停止开发FreeHand 19年寿命终结·Photoshop概念命令总体说明
·Photoshop辅助线与标尺应用技巧·Photoshop常用快捷键大放送
·Flash技巧代码:播放进度控制·Dreamweaver网页制作技巧:使用模板
·DreamweaverASP实现分页技术·玩转Dreamweaver8:CSS层叠样式表
 
◇ 重点栏目导航
◇ 精英服务承诺
教育顾问:010-51660910
QQ交流:138660910
相关资料
·用Photoshop制作逼真自然背景
·PhotoShop帮助Maya巧建模
·道字桌面的仿书法制造
·用Coreldraw绘制美丽国画荷花
·如何配色?无论新手老手,读下这篇文章相
·天使翅膀的制作
·Photoshop制作无缝贴图:Action动作集总
·photoshop学习方法总结
·学好平面设计的好方法
·[艺术设计专题]企业VI系统的简介和工作步
相关试题
·CEAC平面设计师考证之Photoshop考试试题
·你会吗 Adobe Photoshop 认证试题一
·武汉理工大学2003年艺术设计学院平面设计
·你会吗 Adobe Photoshop 认证试题三
·你会吗 Adobe Photoshop 认证试题二
相关热贴
·想学设计课啊,哪位帮我推荐一下~~
·制作个人简历九大标准
·oracle下导出某用户所有表的方法
·给年轻设计师的十大忠告
·平面设计人员必读 (速读版)
·计算机个人简历(英语)
·浅谈计算机课件制作
·一张图透彻讲解Photoshop蒙版
·Delphi中数据的自动录入
·Java与C和C++的比较