dreamweaver CSS使用教程:定义CSS类型属性

dreamweaver CSS使用教程:定义CSS类型属性

 

 

类 型 属 性 

【定义 CSS 类型属性】使用“CSS 样式定义”对话框中的“类型”类别可以定义 CSS 样式的基本字体和类型设置。 

定义 CSS 样式的类型设置:

    在“CSS 样式定义”对话框中,选择“类型”(如下图),然后设置所需的样式属性。

 

    请注意:下列任意属性如果您认为不重要可以保留为空。

字体:为样式设置字体。DW MX 2004内置6个系列的英文字体(如下图)。

一般英文字体常常用“Arial, Helvetica, sans-serif”这个系列比较美观,如果不用这些字体系列,你您可以通过下拉列表最下面的“编辑字体列表”来创建新的字体系列。中文网页默认字体是宋体,一般留空即可。浏览器首选用户系统第一种字体显示文本。两种浏览器都支持字体属性。
大小:定义文本大小。可以通过选择数字和度量单位选择特定的大小,也可以选择相对大小。以像素为单位可以有效地防止浏览器变形文本。 
提示:CSS中长度的单位分绝对长度单位和相对长度单位:

 绝对长度 px:(象素)根据显示器的分辨率来确定长度。
pt:(字号)根据windows系统定义的字号大小来确定长度。
in、cn、mm:(英寸、厘米、毫米)根据显示的实际尺寸来确定长度。此类单位不随显示器的分辨率改变而改变。 
相对长度
em:当前文本的尺寸。例如:{ font-size:2em}是指文字大小为原来的2倍。
ex:当前字母“x”的高度,一般为字体尺寸的一半。
%:是以当前文本的百分比定义尺寸。例如:{ font-size:300%}是指文字大小为原来的3倍。 

两种浏览器都支持大小属性。

样式:将“正常”、“斜体”或“偏斜体”指定为字体样式。默认设置是“正常”。两种浏览器都支持样式属性。 
行高:设置文本所在行的高度。选择“正常”自动计算字体大小的行高,或输入一个确切的值并选择一种度量单位。比较直观的写法用百分比,例如180%是指行高等于文字大小的1.8倍。相对应的CSS属性是”line-height”。 两种浏览器都支持行高属性。 
修饰:向文本中添加下划线、上划线或删除线,或使文本闪烁。正常文本的默认设置是“无”。链接的默认设置是“下划线”。将链接设置设为无时,可以通过定义一个特殊的类删除链接中的下划线。这些效果可以同时存在,将效果前的复选框选定即可。相对应的CSS属性是”text-decoration”。 两种浏览器都支持修饰属性。 
粗细:对字体应用特定或相对的粗体量。“正常”等于 400;“粗体”等于 700。相对应的CSS属性是”font-weight”。两种浏览器都支持粗细属性。 
变量:设置文本的小型大写字母变量。DW MX 2004不在“文档”窗口中显示该属性。Internet Explorer 支持变量属性,但 Netscape Navigator 不支持。 
大小写:将选定内容中的每个单词的首字母大写或将文本设置为全部大写或小写。两种浏览器都支持大小写属性。 
颜色:设置文本颜色。两种浏览器都支持颜色属性。 
设置完这些选项后,在面板左侧选择另一个 CSS 类别以设置其它的样式属性,或单击“确定”。 

 

推荐阅读

    Dreamweaver概述:轻松设置行间距

    Dreamweaver概述:轻松设置行间距,行间距,设置,属性,选择,层叠样式表,资讯,输入,Dreamweaver概述:轻松设置行间距 在Dreamweaver中轻松设置

    Dreamweaver 参数设置介绍

    Dreamweaver 参数设置介绍,参数设置,显示,属性,对话框,选项,选择,设置,Dreamweaver 参数设置介绍 Dreamweaver 的参数设置有哪些呢?这是

    Dreamweaver表单对象:文本区域

    Dreamweaver表单对象:文本区域,文本,区域,表单,对象,字符,设置,显示,Dreamweaver表单对象:文本区域 文本区域 在表单中插入一个文本区

    Dreamweaver表单创建与设置

    Dreamweaver表单创建与设置,设置,表单,数据,属性,点击,目标,名称,Dreamweaver表单创建与设置 一、表单的创建方法: 点击“插入”-“表单

    dreamweaver CSS使用教程:区块属性

    dreamweaver CSS使用教程:区块属性,属性,设置,文本,使用教程,显示,对齐,支持,dreamweaver CSS使用教程:区块属性 区 块 属 性 【定义

    dreamweaver CSS使用教程:定位属性

    dreamweaver CSS使用教程:定位属性,定位,属性,设置,显示,使用教程,滚动条,浏览器,dreamweaver CSS使用教程:定位属性 定 位 属 性  【

    dreamweaver CSS使用教程:GLOW属性

    dreamweaver CSS使用教程:GLOW属性,属性,使用教程,参数,选择,滤镜,对象,无效,dreamweaver CSS使用教程:GLOW属性 【glow属性】对象应用gl

    dreamweaver CSS使用教程:扩展属性

    dreamweaver CSS使用教程:扩展属性,扩展,属性,对象,滤镜,使用教程,设置,控制,dreamweaver CSS使用教程:扩展属性 扩 展 属 性  【定义