玩转Dreamweaver8.0速记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 符号创建您的样式。

时间: 2025-01-19 11:28:05

玩转Dreamweaver8.0速记CSS属性的相关文章

玩转 Dreamweaver8.0:速记 CSS 属性

css|dreamweaver|dreamweaver8 CSS 规范允许使用称作速记 CSS 的简略语法创建样式.速记 CSS 使您可以用一个属性标签指定多个属性的值.例如,您可以使用 font 属性在一行语法中设置 font-style.font-variant.font-weight.font-size.line-height 和 font-family 属性. 使用速记 CSS 时需要注意的关键问题是速记 CSS 属性省略的值会被指定为属性的默认值.当两个或多个 CSS 规则指定给同一标

玩转Dreamweaver8.0:关于冲突的CSS规则

css|dreamweaver|dreamweaver8 将两个或更多 CSS 规则应用于同一文本时,这些规则可能会发生冲突并产生意外的结果.浏览器按以下方式应用 CSS 规则: 如果将两种规则应用于同一文本,浏览器显示这两种规则的所有属性,除非特定的属性发生冲突.例如,一种规则可能指定文本颜色为蓝色,而另一种规则可能指定文本颜色为红色. 如果应用于同一文本的两种规则的属性发生冲突,则浏览器显示最里面的规则(离文本本身最近的规则)的属性.因此,如果外部样式表和内联样式同时影响文本元素,则应用内联

Dreamweaver8.0使用CSS样式美化页面

查看全套"dreamweaver8.0教程" 在"CSS规则对话框"中,我们可以通过类型.背景.区块.方框.边框.列表.定位和扩展项的设置,来美化我们的页面,当然啦,我们在定义某个CSS样式的时候,不需要对每一个项都进行设置,需要什么效果,选择相应的项进行设置就可以了. 1.文本样式的设置 新建CSS样式, "选择器类型"为类,名称为 "style1"定义在"仅对该文档".保存至站点根目录下的CSS文件夹内

Dreamweaver8.0创建CSS样式

层叠样式表 (CSS) 是一系列格式设置规则,它们控制 Web 页面内容的外观.使用 CSS 设置页面格式时,内容与表现形式是相互分开的.页面内容(HTML 代码)位于自身的 HTML 文件中,而定义代码表现形式的 CSS 规则位于另一个文件(外部样式表)或 HTML 文档的另一部分(通常为 <head> 部分)中.使用 CSS 可以非常灵活并更好地控制页面的外观,从精确的布局定位到特定的字体和样式等. 术语"层叠"是指对同一个元素或 Web 页面应用多个样式的能力.例如,

dreamweaver8.0教程

dreamweaver8.0对比Dreamweaver Mx 2004的性能有了较大的提升,请按顺序逐次阅读本教程.当然,您也可以参考:dreamweaver mx教程来进行对比学习. 一. Dreamweaver8.0操作环境 二. Dreamweaver8.0本地站点的搭建与管理 Dreamweaver8.0页面的总体设置 三. Dreamweaver8.0文本的插入与编辑 Dreamweaver8.0插入图像 Dreamweaver8.0插入并编辑表格 Dreamweaver8.0嵌套表格

5个最常用的经典css属性教程

下面介绍我们在编写网站CSS样式时,最常用的几个CSS属性,掌握它们是必须的! 1.CSS Clip Clip属性就像一个面罩.它允许你在掩盖矩形元素的内容.要剪辑一个元素:你必须指定position为absolute.然后,指定相对于元素的top,right,bottom,和left的值.图像剪辑实例(演示) 下面的示例将演示如何使用clip属性掩盖图片.首先,指定<div>元素position:relative.然后,指定<img>元素position:absolute和相应的

css模版教程全面自定义模板必备之css属性知识

核心提示:css模版教程,自定义模板必备之css属性知识. 该表只列出常用的CSS属性,及简要介绍其主要功能,若要了解各所有属性和具体的用法,请参考相关书籍 属 性 名 称 属性功能及其取值 用 法 说 明 与 范 例 颜色与背景类 color 设置文字颜色#rgb#rrggbbrgb(255,255,255)rgb(100%,100%,100%) H1{color:red}H1{color:#f00}H1{color:#ff0000}H1{color:rgb(255,0,0)}H1{color

Javascript动态更改Css属性:style样式对照

文章简介:原生js style样式对照. 为了达到某种特殊的效果我们需要用Javascript动态的去更改某一个标签的Css属性.比如:鼠标经过一个图片时我们让图片加一个边框,代码可能是这样: <script type="text/javascript">function imageOver(e) {e.style.border="1px solid red";}function imageOut(e) {e.style.borderWidth=0;}&

CSS教程:汇总CSS属性的缩写

高效的css写法中的一条就是使用简写.通过简写可以让你的CSS文件更小,更易读.而了解CSS属性简写也是前端开发工程师的基本功之一.今天我们系统地总结一下CSS属性的缩写. 色彩缩写 色彩的缩写最简单,在色彩值用16进制的时候,如果每种颜色的值相同,就可以写成一个: 1 color:#113366 可以简写为 1 color:#136 所有用到16进制色彩值的地方都可以使用简写,比如background-color.border-color.text-shadow.box-shadow等. 盒子