DW中CSS属性详解

2019-08-31 10:52

ver的CSS样式里包含了W3C规范定义的所有CSS1的属性,Dreamweaver把这些属性分为Type(类ckground(背景)、Block(块)、Box(盒子)、Border(边框)、 List(列表)、Positioning、Extensions(扩展)八个部分,如下图,下面我们分别详细讲解。

Type(类型)

板主要是对文字的字体,大小,颜色,效果等基本样式进行设置。设置时,我们只对要改变的属性,没有必要改变的属性就空着。

性名带*号的是指样式效果不能在编辑文档时显示,要用浏览器打开才能看到效果。

置字体系列。什么叫字体系列呢?是指对文字设定几个字体,当遇到第一个字体不能显示的文字用系列中的第二个字体或后面的字体显示。相对应的CSS属性是”font-family”。

eamweaver4已经内置设定了6个系列的英文字体,一般英文字体我们用“Verdana, Arial, a, sans-serif”这个系列比较好看。如果不用这些字体系列,你就需要自己编辑字体系列,你可拉框最下面的“Edit Font List”来创建新的字体系列,也可以直接手动在下拉框里写字体名,用逗号隔开。中文网页默认字体是宋体,一般就空着不要选取任何字体。

义文字的大小。你可以通过选取数字和度量单位来选择具体的字体大小,或者你也可以选择一个体大小。最好使用Pixels作为单位,这样不会在浏览器中文本变形。一般小字体用比较标准的对应的CSS属性是”font-size”。

S中长度的单位分绝对长度单位和相对长度单位,一般我们常用的绝对长度单位有:

素)根据显示器的分辨率来确定长度。

号)根据windows系统定义的字号大小来确定长度。

in:(毫米、厘米、英寸)根据显示的实际尺寸来确定长度。此类单位不随显示器的分辨率改变

单位有:

文本的尺寸。例如:{ font-size:2em}是指文字大小为原来的2倍。

字母“x”的高度,一般为字体尺寸的一半。

当前文本的百分比定义尺寸。例如:{ font-size:300%}是指文字大小为原来的3倍。

arge:表示比当前小一个级别或大一个级别的尺寸。

义字体样式为Normal、Italic、或者Oblique。Italic和Oblique是斜体字体。默认设置为 Normal。CSS属性是”font-style”。

alic和Oblique都是斜体字体。而它们不同的是,Italic是斜体字,而Oblique是倾斜的文字,斜体的字体应该用Oblique。

ght:设置文本所在行的行高。默认为Normal,你也可以自己键入一个精确的数值并选取一个计量较直观的写法用百分比,例如140%是指行高等于文字大小的1.4倍。相对应的CSS属性-height”。

on:在文本中添加underline(下划线)、overline(上划线)、line-through(中划线)、blink果)。这些效果可以同时存在,将效果前的复选框选定即可。相对应的CSS属性-decoration”。

接的默认设置是Underline,我们可以通过选none去除下划线。Blink(闪烁效果)只在NC浏览看到。

给字体指定粗体字的磅值。Normal等同于400;Bold等同于700。设粗体字一般用bold。相对应性是”font-weight”。

:允许你选取字体的变种,选small-caps(小型大写字母)时,此样式区域内所有字母大写。相对属性是”font-variant”。

选区中每个单词的第一个字母转为大写,或者令单词全部大写或全部小写。参数:capitalize(单大写)、uppercase(转换成大写)、lowercase(转换成小写)、none(不转换)。相对应的CSS text-transform”。

定义文字颜色。相对应的CSS属性是” color”。

S中颜色的值有三种表示方法:

#RRGGBB格式,是由红绿蓝三种颜色的值组合,每种颜色的值为“00 – FF”的两位十六进制正如:#FF0000表示红色,#FFFF00表示黄色。

rgb(R,G,B)格式,RGB为三色的值,取0~255,例如:rgb(255,0,0)表示红色,rgb(255,255,0)。

用颜色名称。CSS可以使用已经定义好的颜色名称。例如:red表示红色,yellow表示黄色。

Background(背景)

nd面板主要是对元素的背景进行设置,包括背景颜色、背景图象、背景图象的控制。一般是对BODY、TABLE(表格)、DIV(区域)的设置。

nd Color:设置元素的背景色。相对应的CSS属性是”background-color”。

nd Image:设置元素的背景图像。相对应的CSS属性是”background-image”。

确定背景图像是否以及如何重复。No Repeat:在元素的开头显示一遍图像。Repeat:在元素的背平和垂直方向平铺图像。Repeat-x and Repeat-y:分别在水平和垂直方向重复显示,默认为Repeat。CSS属性是”background-repeat”。

果定义的元素的BODY,可以控制页面背景是否重复。

nt:固定背景图像或者跟随内容滚动。参数fixed表示固定背景,scroll表示跟随内容滚动的背应的CSS属性是”background-attachment”。

果定义的元素的BODY,可以使页面背景固定。

al:指定背景图像的水平位置。可以指定为left(左边),center(居中),right(右边);也数值,如20px是指背景距离左边20象素。相对应的CSS属性是” background-position”。

:指定背景图像的垂直位置。可以指定为top(顶部),center(居中),bottom(底部);也可值。相对应的CSS属性是” background-position”。

平位置和垂直位置使用的是同一个CSS属性,在设置时要注意。

Block(区块)

板主要是设置对象文本的文字间距、对齐方式、上标、下标、排列方式、首行缩进等。

cing:设置单词之间的间距。可以设置负值。相对应的CSS属性是” word-spacing”。

般情况下IE不支持此属性,仅在MAC平台上的IE4+可用。

pacing:设置字符之间的间距。可以指定负值。因为中文也是字符,这个参数可以设置文字间的对应的CSS属性是” letter-spacing”。

Align:指定元素的垂直对齐方式。可以指定sub(下标)、super(上标)、top(与顶端对齐)、居中)、bottom(与底端对齐)??。相对应的CSS属性是” vertical-align”。

gn:设置文本的排列方式。Left(左对齐)、right(右对齐)、center(居中)、justify(两。相对应的CSS属性是”text-align”。

ent:设置文本第一行的缩进值。负值用于将文本第一行向外拉。要在每段前空两格,可设置为2em,是当前字体尺寸,2em就是两个字的大小。相对应的CSS属性是”text-indent”。

ce:设置如何处理元素内的空白符。有三个选项可选:Normal 会将空白符全部压缩;Pre 则会如re 标签内的文本一样处理这些空白符(也就是说,所有的空白符,包括空格,标签,回车,等都留);Nowrap 指定文本只有遇到 br 标签时才换行。相对应的CSS属性是”white-space”。


DW中CSS属性详解.doc 将本文的Word文档下载到电脑 下载失败或者文档不完整,请联系客服人员解决!

下一篇:用心创建和谐的班集体

相关阅读
本类排行
× 注册会员免费下载(下载后可以自由复制和排版)

马上注册会员

注:下载文档有可能“只有目录或者内容不全”等情况,请下载之前注意辨别,如果您已付费且无法下载或内容有问题,请联系我们协助你处理。
微信: QQ: