用DW建立CSS样式

1、用用DW8来建立来建立CSS样式样式l创建创建CSSCSS文件和样式文件和样式l“正在正在”模式下的样式面板的使模式下的样式面板的使用用l附加附加CSSCSS样式样式lCSSCSS样式类的使用样式类的使用lCSSCSS样式标签的使用样式标签的使用lCSSCSS样式高级的使用样式高级的使用lCSSCSS样式的属性和滤镜样式的属性和滤镜主要内容：主要内容：创建创建CSS文件：文件：选择选择 “ “文件文件” “” “新建新建”。l在在“新建文档新建文档”对话框中的对话框中的“类别类别”列中选择列中选择“基本页基本页”，在在“基本页基本页”列中选择列中选择“CSS”CSS”，然后单击然后单击“创建创

2、建”。l纯文本编辑，在里面输入纯文本编辑，在里面输入CSSCSS代代码。码。创建创建CSS样式：样式：l“窗口窗口” ” “CSS“CSS样式面板样式面板”l两种方法：两种方法：面板中新建面板中新建CSSCSS规则。规则。基本页中创建基本页中创建 CSSCSS页。页。新建新建CSS创建创建CSS样式：样式：（X）HTML中的标签中的标签创建创建CSS样式：样式：创建创建CSS样式：样式：l设置好后，属设置好后，属性将在属性列表性将在属性列表中显示。中显示。l双击属性值可双击属性值可以进行修改。以进行修改。创建创建CSS样式：样式：l对不同的标签对不同的标签建立不同建立不同CSSCSS样式样式后

3、，样式列表将后，样式列表将在在“所有规则所有规则”中显示。中显示。l单击标签可列单击标签可列出相应属性列表。出相应属性列表。按分类显示所有属性按分类显示所有属性按字母排序显示所有属性按字母排序显示所有属性只显示设置的属性只显示设置的属性编辑选中样式编辑选中样式删除选中样式删除选中样式属性面板自动生成属性面板自动生成CSS样式：样式：l在页面中输入文字或插入对在页面中输入文字或插入对象并设置属性面板属性；象并设置属性面板属性；l属性面板中会自动生成样式；属性面板中会自动生成样式；并在右边样式面板中显示；并在右边样式面板中显示；l可以对其进行重命名，修改可以对其进行重命名，修改样式。样式。“正在正

4、在”模式下的样式面板的使用模式下的样式面板的使用所选样式内容所选样式内容附加附加CSS样式：样式：l“窗口窗口” ” “CSS“CSS样式面板样式面板”l附加附加CSSCSS样式表样式表附加附加CSS附加附加 *.CSS外部文件外部文件l选中要套用样式选中要套用样式的内容（文字或的内容（文字或图片）图片）l选中要套用的样选中要套用的样式，单击鼠标右式，单击鼠标右键，选择键，选择“套套用用”，如右图，如右图CSS样式类的使用样式类的使用 ：可用于任何标签可用于任何标签设置合理的类名设置合理的类名建立的样式类建立的样式类样式类名前面会增加样式类名前面会增加“一个点一个点”HTML标签（表头）标签（

5、表头）ddddddddddddddddddddimg class=myClass src=file:/C/images/1.gif应用样式类应用样式类应用样式类的应用样式类的HTML代码代码应用样式类后的效果应用样式类后的效果CSS样式标签的使用样式标签的使用 ：用于用于HTML特定标签特定标签从下拉列表中选择特定标签从下拉列表中选择特定标签CSS样式高级的使用样式高级的使用1：用于用于标签的伪类标签的伪类、特定对象的属性特定对象的属性和和标签组标签组。标签的伪类标签的伪类3 3种高级使用种高级使用CSS样式高级的使用样式高级的使用2 ：为特定对象定义一个为特定对象定义一个ID为特定对象定义属性为特定对象定义属性与样式类的区别：与样式类的区别：l 样式类可以用于样式类可以用于任任何对象何对象；l 高级高级ID样式只能用样式只能用于某个于某个特定对象特定对象。CSS样式高级的使用样式高级的使用3 ：一次用于定义多个标一次用于定义多个标签，中间用逗号隔开。签，中间用逗号隔开。用高级方法定义用高级方法定义的三种的三种CSS CSS属性列表属性列表链接链接 CSS布局列表布局列表链接链接 CSS滤镜功能滤镜功能链接链接CSS样式属性