dw里css的详细介绍

dw里css的详细介绍

ID:8798425

大小:315.50 KB

页数:33页

时间:2018-04-08

dw里css的详细介绍_第1页
dw里css的详细介绍_第2页
dw里css的详细介绍_第3页
dw里css的详细介绍_第4页
dw里css的详细介绍_第5页
资源描述:

《dw里css的详细介绍》由会员上传分享,免费在线阅读,更多相关内容在应用文档-天天文库

1、DW里CSS的详细介绍创建CSS样式表的过程,就是对各种CSS属性的配置过程,所以了解和掌控属性配置很重要。在DWMX2004的CSS样式里包含了W3C规范定义的任何CSS1的属性,把这些属性分为:类型、背景、区块、方框、边框、列表、定位、扩展等八个部分,如下图:DWMX2004实现CSS属性配置功能是完全可视化的,无需编写代码。下面我们分别周详讲解。为了便于理解,从开始创建新的CSS样式表说起:注:您需对DWMX2004程式初步了解,并打开他对照本教程进行学习。假如您对DWMX2004尚不熟悉,请浏览【DWMX2004简体中文版入门教程】。   【创建

2、新的CSS样式】   将插入点放在文档中,然后执行以下操作之一打开“新建CSS样式”对话框:·在“CSS样式”面板(“窗口”>“CSS样式”)中,单击面板右下角区域中的“新建CSS样式”按钮,如下图:·在文本属性检查器中,从“样式”弹出式菜单中选择“管理样式”,然后在出现的对话框中单击“新建”。·在“相关CSS”选项卡(选择“窗口”>“标签检查器”,然后单击“相关CSS”选项卡)中右键单击,然后从上下文菜单中选择“新建规则”。   ·选择“文本”菜单>“CSS样式”>“新建(N)…”。  “新建CSS样式”对话框随即出现,如下图:定义您要创建的CSS样式

3、的类型:   若要创建可作为class属性应用于文本范围或文本块的自定义样式,请选择“创建自定义样式(Class)”,然后在“名称”文本框中输入样式名称。   注意:类名称必须以句点开头,并且能够包含任何字母和数字组合(例如,.mycss)。假如您没有输入开头的句点,DWMX2004将自动为您输入。·若要重定义特定HTML标签的默认格式,请选择“重定义标签”,然后在“标签”字段中输入一个HTML标签,或从弹出式菜单中选择一个标签。·若要为具体某个标签组合或任何包含特定Id属性的标签定义格式,请选择“使用CSS选择器”,然后在“选择器”文本框中输入一个或多

4、个HTML标签,或从弹出式菜单中选择一个标签。弹出式菜单中提供的选择器(称作伪类选择器)包括a:active、a:hover、a:link和a:visited。   选择定义样式的位置:·若要创建外部样式表,请选择“新建样式表文档”。   ·若要在当前文档中嵌入样式,请选择“仅对该文档”。   ·单击“确定”。类型属性·【定义CSS类型属性】使用“CSS样式定义”对话框中的“类型”类别能够定义CSS样式的基本字体和类型配置。·定义CSS样式的类型配置:   在“CSS样式定义”对话框中,选择“类型”(如下图),然后配置所需的样式属性。··   请注意:下

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

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

7、字体样式。默认配置是“正常”。两种浏览器都支持样式属性。o行高:配置文本所在行的高度。选择“正常”自动计算字体大小的行高,或输入一个确切的值并选择一种度量单位。比较直观的写法用百分比,例如180%是指行高等于文字大小的1.8倍。相对应的CSS属性是”line-height”。两种浏览器都支持行高属性。o修饰:向文本中添加下划线、上划线或删除线,或使文本闪烁。正常文本的默认配置是“无”。链接的默认配置是“下划线”。将链接配置设为无时,能够通过定义一个特别的类删除链接中的下划线。这些效果能够同时存在,将效果前的复选框选定即可。相对应的CSS属性是”text-

8、decoration”。两种浏览器都支持修饰属性。o粗细:对字体应用特定或相对的

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。