dreamweaver cs5怎么创建CSS规则?

dreamweaver可以创建一个 CSS 规则来自动完成HTML标签的格式设置或者class或ID属性所标识的文本范围的格式设置,该怎么设置css规则呢?下面我们就来看看详细的教程。
1、双击dreamweaver CS5图标
2、在菜单中单击“文件”选择“新建”
3、在新建文档窗口,选择“空白页”—“HTML”,文档类型选择“XHTML1.0 transitional”,单击“创建”按钮。
4、将插入点放在文档中,然后在菜单栏单击“格式”,在弹出的下拉菜单中选择“CSS样式”—“新建”
5、在“ 新建 CSS 规则” 对话框中,指定要创建的 CSS 规则的选择器类型:
若要创建一个可作为 class 属性应用于任何 HTML 元素的自定义样式,请从“ 选择器类型” 弹出菜单中选择“ 类” 选项,然后在“ 选择器名称” 文本框中输入样式的名称。
若要定义包含特定 ID 属性的标签的格式,请从“选择器类型”弹出菜单中选择“ID”选项,然后在“选择器名称”文本框中输入唯一 ID。
若要重新定义特定 HTML 标签的默认格式,请从“选择器类型”弹出菜单中选择“标签”选项,然后在“选择器名称”文本框中输入 HTML 标签或从弹出菜单中选择一个标签。
6、在“CSS规则定义”窗口中设置类型、背景、区块、方框、边框、列表、定位、护展中所需设置的参数,然后点击“确定”按钮完成设置。
7、还可以在CSS样式面板里设置。将插入点放在文档中,在CSS样式面板下面单击“新建CSS规则”图标。再完成步骤6的设置。
8、在CSS属性里设置类型、背景、区块、方框、边框、列表、定位、护展中所需设置的参数。
以上就是dreamweaver cs5创建CSS规则的教程,希望大家喜欢,请继续关注脚本之家。
相关推荐:
Dreamweaver建立的站点怎么更改图像的默认文件夹位置?
相关文章
- DreamWeaver怎么设置行内标签?DreamWeaver中的标签有行内标签和行外标签,该怎么设置行内标签呢?下面我们就来看看详细的教程,需要的朋友可以参考下2018-05-11
Dreamweaver怎么创建CSS样式? dw插入css的教程
Dreamweaver怎么创建CSS样式?Dreamweaver设计页面的时候,想要创建css样式,该怎么创建呢?下面我们就来看看dw插入css的教程,需要的朋友可以参考下2018-05-11DreamWeaver文字怎么居中对齐? dw垂直居中对齐的技巧
DreamWeaver文字怎么居中对齐?DreamWeaver中输入的文字想要实现居中对齐,该怎么居中呢?下面我们就来看看dw垂直居中对齐的技巧,需要的朋友可以参考下2018-05-10dreamweaver怎么制作文本框? dw文本框的两种制作方法
dreamweaver怎么制作文本框?dreamweaver制作的网页需要文本框,该怎么制作文本框呢?今天我们就来介绍dw文本框的两种制作方法,需要的朋友可以参考下2018-04-28dreamweaver怎么实现鼠标放在不同的位置显示不同的图片?
dreamweaver怎么实现鼠标放在不同的位置显示不同的图片?dw中想要制作图片切换效果 ,该怎么制作呢?下面我们就来看看详细的教程,需要的朋友可以参考下2018-04-28Dreamweaver CS6超链接怎么去掉下划线? dw取消字体下划线的教程
Dreamweaver CS6超链接怎么去掉下划线?Dreamweaver CS6中给文本添加超链接以后,文本下方会出现下划线,想要去掉下划线,以后都不显示,该怎么设置呢?下面我们就来看看dw2018-04-28- Dreamweaver图像怎么通过img标签定义高宽?Dreamweaver页面中插入图片以后,想要通过img标签定义图片的高度和宽度,该怎么设置呢?下面我们就来看看详细的教程,需要的朋友2018-04-27
- dreamweaver怎么制作各种类型的菜单栏?dreamweaver设计网页的时候,需要添加菜单栏,该怎么制作各种类型的菜单栏呢?下面我们就来看看详细的教程,需要的朋友可以参考下2018-04-22
- Dreamweaver中的AP元素怎么修改宽度高度和颜色?Dreamweaver中插入的ap元件想要修改高度宽度或者颜色,该怎么设置呢?下面我们就来看看详细的教程,需要的朋友可以参考下2018-04-21
Dreamweaver如何给div添加css样式? dw给div添加css样式的方法
Dreamweaver如何给div添加css样式?Dreamweaver中想要给div添加样式,该怎么添加css样式呢?下面我们就来看看详细的教程,需要的朋友可以参考下2018-04-10
最新评论