设为首页 加入收藏 网站首页
休闲娱乐
军事·社会百态·娱乐八卦·校园
体育·美女写真·幽默笑话·游戏
综合·在线视频·搞笑图片·灵异
两性生活
两性知识·性爱技巧
情色实录·两性图片
女性健康·同性之恋
电脑网络
网络编程·网页制作·软件教学
操作系统·图形图象·冲浪宝典
网络安全·邮件系统·认证考试
热点专题
芙蓉·真人漫画
72式·欲望都市
帅哥·人体彩绘
您现在的位置: 世纪中国 >> 网页制作 >> Dreamweaver教程 >> 教程正文
玩转 Dreamweaver8.0:速记 CSS 属性
作者:中国图霸    教程来源:网络    点击数:    更新时间:2007-1-2

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

分类推荐
社会 社会 娱乐 军事 校园
幽默 体育 女性 专题
电脑 编程 网页 软件 系统
安全 图象 冲浪 认证
搞笑 人物 动物 物品 表情
签名 色图 漫画 奇闻
美女 明星 清纯 自拍 欧美
丝袜 卡通 性感 走光
两性 知识 性图 孕育 技巧
同性 单身 情感 实录
视频 写真 搞笑 MTV 翻唱
写实 片段 游戏 综艺
Dreamweaver教程热门文章
普通教程 用Dreamweaver MX 2004与SQL数
普通教程 Dreamweaver网页制作技巧:使用
普通教程 Dreamweaver:从网页模版切图到
普通教程 Dreamweaver 入门:注册 Dream
普通教程 Dreamweaver MX 2004从零开始(
普通教程 Dreamweaver 基础:了解DW的状
普通教程 玩转Dreamweaver 8.0:属性检查
普通教程 Dreamweaver教程:层及其应用
普通教程 Dreamweaver MX 2004功能详解
普通教程 Dreamweaver如何制作浮动广告
普通教程 经验分享:网页设计中实用的制
普通教程 Photoshop结合Dreamweaver制作
普通教程 Dreamweaver 入门:安装 Dream
普通教程 玩转Dreamweaver 8.0之设置段落
普通教程 玩转Dreamweaver 8:了解CSS层
普通教程 Dreamweaver经典问题大搜罗
普通教程 Dreamweaver教程:Dreamweaver
普通教程 自己动手用Dreamweaver制作活动
普通教程 PHP和ASP在Dreamweaver 8中调用
普通教程 Dreamweaver MX实例:图片应用

  广东广州海珠区 世纪网络工作室 版权所有 上海电信提供网络带宽
信箱: 9297659@qq.com 粤ICP备06113754号