占位图像 用户ID: 密码: 验证码: 登录 注册     占位图像
 
教育168搜索

a
频道信息
学前教育 基础教育
小学 初中
高中 高等教育
心理学 机械工程
园林 IT教育
办公软件 Director
Authorware 图形图象
FIREWORKS CORELDRAW
Maya PhotoShop
AutoCAD 3D
操作系统 Windows xp
Windows Vista Linux
Windows 2003 Windows 2000
FreeBSD 注册表
网站制作 FLASH
Dreamweaver CSS教程
装修设计 LightScape
装修风水 方案设计
英语 商务外语
素质教育 法制教育
企业培训
最新更新
·用Dreamweaver M
·Dreamweaver实用小
·Dreamweaver未必了
·Dreamweaver若干技
·Dreamweaver制作和
·Dreamweaver中空格
·Dreamweaver8对网
·用Dreamweaver制作
·Dreamweaver经典插
·Dreamweaver简单描
·通过Dreamweaver设
·学习Dreamweaver8
·Dreamweaver制作复
·用Dreamweaver8在
·利用Dreamweaver8
·Dreamweaver实例:
·Dreamweaver CS
·Dreamweaver插入F

点击排行
·使用ewebeditor上传
·DreamweaverCS3
·使用SoftArtisans
·巧用Dreamweaver轻
·扩展Dreamweaver:
·Dreamweaver8轻松
·在DW中插入Flash的参数
·Dreamweaver基础:
·Dreamweaver入门:
·Dreamweaver实用小
·如何用Dreamweaver
·Dreamweaver:从网
·用DreamweaverMX
·Dreamweaver CS
·Dreamweaver经典插
·关于Dreamweaver乱
·用Dreamweaver8在
·Dreamweaver教程:

玩转Dreamweaver8.0:速记CSS属性
发布日期:2006-8-3  浏览:432次
关键字:

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:bold16pt/18ptArial}
使用速记符号编写时,会自动将省略的值指定为它们的默认值。因此,上述速记示例省略了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 MX创造网页鼠标样式
·Dreamweaver实用小技巧
·Dreamweaver未必了解的5个小技巧
·Dreamweaver若干技巧
·Dreamweaver制作和套用模板的技巧
·Dreamweaver中空格问题的探讨
·Dreamweaver8对网站文件进行检查和整理
·用Dreamweaver制作网页时关于文字自动换行的小技巧
·Dreamweaver经典插件下载
·Dreamweaver简单描述制作网页的基本步骤
·通过Dreamweaver设计网页时组织CSS的建议
·学习Dreamweaver8了解掌握CSS层叠样式表
·Dreamweaver制作复杂交换图像
·用Dreamweaver8在网页中插入Flash视频
·利用Dreamweaver8掌握网页代码基本格式
·Dreamweaver实例:随机播放背景音乐
·Dreamweaver CS3 新功能描述
·Dreamweaver插入Flash添加透明或其他参数

 

更多评论

验证码:
验证码