欢迎来到天天文库
浏览记录
ID:22687849
大小:25.15 KB
页数:13页
时间:2018-10-30
《dw4css属性详解》由会员上传分享,免费在线阅读,更多相关内容在行业资料-天天文库。
1、DW4中CSS属性详解在Dreamweaver4的CSS样式里包含了W3C规范定义的所有CSS1的属性,Dreamweaver4把这些属性分为Type(类型)、Background(背景)、Block(块)、Box(盒子)、Border(边框)、List(列表)、Positioning(定位)、Extensions(扩展)八个部分,如下图,下面我们分别详细讲解。 1. Type(类型) Type面板主要是对文字的字体,大小,颜色,效果等基本样式进行设置。设置时,我们只对要改变的属性进行设置,没
2、有必要改变的属性就空着。 注意:属性名带*号的是指样式效果不能在编辑文档时显示,要用浏览器打开才能看到效果。 Font:设置字体系列。什么叫字体系列呢?是指对文字设定几个字体,当遇到第一个字体不能显示的文字时会自动用系列中的第二个字体或后面的字体显示。相对应的CSS属性是”font-family”。 注意:Dreamweaver4已经内置设定了6个系列的英文字体,一般英文字体我们用“Verdana,Arial,Helvetica,sans-serif”这个系列比较好看。如果不用这些字体系列,你就需要
3、自己编辑字体系列,你可以通过下拉框最下面的“EditFontList”来创建新的字体系列,也可以直接手动在下拉框里写字体名,字体之间用逗号隔开。中文网页默认字体是宋体,一般就空着不要选取任何字体。 Size:定义文字的大小。你可以通过选取数字和度量单位来选择具体的字体大小,或者你也可以选择一个相对的字体大小。最好使用Pixels作为单位,这样不会在浏览器中文本变形。一般小字体用比较标准的12px。相对应的CSS属性是”font-size”。 注意:CSS中长度的单位分绝对长度单位和相对长度单位,一般
4、我们常用的绝对长度单位有: px:(象素)根据显示器的分辨率来确定长度。 pt:(字号)根据windows系统定义的字号大小来确定长度。 mm、cn、in:(毫米、厘米、英寸)根据显示的实际尺寸来确定长度。此类单位不随显示器的分辨率改变而改变。 相对长度单位有: em:当前文本的尺寸。例如:{font-size:2em}是指文字大小为原来的2倍。 ex:当前字母“x”的高度,一般为字体尺寸的一半。 %:是以当前文本的百分比定义尺寸。例如:{font-size:300%}是指文字大小为原来的3倍。 s
5、mall、large:表示比当前小一个级别或大一个级别的尺寸。 Style:定义字体样式为Normal、Italic、或者Oblique。Italic和Oblique是斜体字体。默认设置为Normal。相对应的CSS属性是”font-style”。 注意:Italic和Oblique都是斜体字体。而它们不同的是,Italic是斜体字,而Oblique是倾斜的文字,对于没有斜体的字体应该用Oblique。 LineHeight:设置文本所在行的行高。默认为Normal,你也可以自己键入一个精确的数值并
6、选取一个计量单位。比较直观的写法用百分比,例如140%是指行高等于文字大小的1.4倍。相对应的CSS属性是”line-height”。 Decoration:在文本中添加underline(下划线)、overline(上划线)、line-through(中划线)、blink(闪烁效果)。这些效果可以同时存在,将效果前的复选框选定即可。相对应的CSS属性是”text-decoration”。 注意:链接的默认设置是Underline,我们可以通过选none去除下划线。Blink(闪烁效果)只在NC浏览
7、器里可以看到。 Weight:给字体指定粗体字的磅值。Normal等同于400;Bold等同于700。设粗体字一般用bold。相对应的CSS属性是”font-weight”。 Variant:允许你选取字体的变种,选small-caps(小型大写字母)时,此样式区域内所有字母大写。相对应的CSS属性是”font-variant”。 Case:将选区中每个单词的第一个字母转为大写,或者令单词全部大写或全部小写。参数:capitalize(单词首字母大写)、uppercase(转换成大写)、lowerc
8、ase(转换成小写)、none(不转换)。相对应的CSS属性是”text-transform”。 Color:定义文字颜色。相对应的CSS属性是”color”。 注意:CSS中颜色的值有三种表示方法: l #RRGGBB格式,是由红绿蓝三种颜色的值组合,每种颜色的值为“00–FF”的两位十六进制正整数。例如:#FF0000表示红色,#FFFF00表示黄色。 l rgb(R,G,B)格式,RGB为三色的值,取0~255,例如:rgb(255,0,0)表示红色
此文档下载收益归作者所有