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

时间: 2024-11-02 02:52:29

玩转Dreamweaver-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 规范允许使用称作速记 CSS 的简略语法创建样式.速记 CSS 使您可以用一个属性标签指定多个属性的值.例如,您可以使用 font 属性在一行语法中设置 font-style.font-variant.font-weight.font-size.line-height 和 font-family 属性. 使用速记 CSS 时需要注意的关键问题是速记 CSS 属性省略的值会被指定为属性的默认值.当两个或多个 CSS 规则指定给同一标签时,这可能会导致页面无法正确显示. 例如,下面显示的 H

网页制作技巧总结:XHTML标签和CSS属性的适用性

文章简介:xhtml标签元素可以分为:替换元素和非替换元素. xhtml标签元素可以分为:替换元素和非替换元素替换元素指:通过标签和标签属性结合控制显示内容的元素.如:<img />标签必须配合src属性一起定义图片显示:表单元素<input>标签,必须配合type选择类型使用等:非替换元素指:直接显示网页内容的元素(网页元素大多属于这一类) xhtml标签元素还可以分为:块级元素和内联元素块级元素:内容不换行(可以设置宽度和高度)内联元素:内容换行(不可以设置宽度和高度)*除了内

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等. 盒子

CSS属性表简表

CSS 属性表简表,列出了一些我们常用的CSS的属性. 属性名称 属性含义 属性值 字体属性(Font) font-family 使用什么字体 所有的字体 font-style 字体是否斜体 Normal.italic.oblique font-variant 是否用小体大写 Normal.small-caps font-weight 字体的粗细 Normal.bold.bolder.lithter等 font-size 字体的大小 Absolute-size.relative-size.len

简化常用的CSS属性代码,让你的CSS更精简清晰

简化CSS属性代码,可以让CSS文件体积变得更小,读取速度更快,可维护性更高. 下面分别示例最常用的一些CSS属性代码的简化方法: marginmargin-top:1px;margin-right:1px;margin-bottom:1px;margin-left:1px;代码简化为:margin:1px margin-top:1px;margin-right:2px;margin-bottom:1px;margin-left:2px;代码简化为:margin:1px 2px margin-t

CSS属性中Display与Visibility的不同

css 大多数人很容易将CSS属性display和visibility混淆,它们看似没有什么不同,其实它们的差别却是很大的.visibility属性用来确定元素是显示还是隐藏,这用visibility="visible|hidden"来表示,visible表示显示,hidden表示隐藏.当visibility被设置为"hidden"的时候,元素虽然被隐藏了,但它仍然占据它原来所在的位置.例: <script language="JavaScript&