Dreamweaver网页怎么制作CSS叠层样式?Dreamweaver制作网页的时候,想要使用CSS叠层样式,该怎么制作呢?下面我们就来看看详细的教程,需要的朋友可以参考下

Dreamweaver中CSS叠层样式该怎么创建和使用呢?下面我们就来看看详细的教程。

1、新建或者导入一个站点。

2、点击窗口,打开CSS样式

3、在DW窗口的右上角找到CSS样式窗口,切换至CSS样式,然后打开新建css样式

4、选择器类型选择类,名称要以英文的点(.)开头,再加上字母;位列表置一般选择新建样式

5、点击确定后,保存位置为默认的位置即可,文件名使用和刚才的名字一样(前面的点不要)

6、刚才那界面点击保存后,会自动进入这个界面,在这里设置CSS样式即可(可以设置字体大小,样式,边框,过渡等),设置完后点击确定

7、刚才新建的样式可以在刚才新建的网站的文件夹看到,如需修改其样式,双击taa即可使用代码修改

8、css样式的使用,在全选要使用该样式的文字(在1或2处选择都可以),然后选择目标规则为taa

以上就是Dreamweaver中CSS叠层样式的创建和使用方法,希望大家喜欢,请继续关注爱安网。

相关推荐

dreamweaver cs5怎么创建CSS规则?

Dreamweaver中CSS怎么制作径向圆形渐变?

Dreamweaver怎么创建CSS样式? dw插入css的教程

最新资讯
苹果发了个红包 收到的却说:没有诚意!

苹果发了个红包 收到

应用市场的垄断时代正在过去,以后用户想要玩一款游戏,可
嫦娥五号探测器实施动力下降并成功着陆 将开展月面采样工作

嫦娥五号探测器实施动

嫦娥五号探测器动力下降过程降落相机拍摄的图像记者从
雷军宣布:小米11手机将首批搭载骁龙888

雷军宣布:小米11手机将

小米已经预告了下一款旗舰手机小米11 手机将搭载骁龙
realme宣布新旗舰手机Race 首批搭载骁龙888 5G移动平台

realme宣布新旗舰手机

realme CEO李炳忠为高通站台,宣布realme将推出搭载骁龙
拼多多上线“买买相册” 与微信小商店抢市场?

拼多多上线“买买相册

买买相册在综合体验上,更像是微信小商店。
嫦娥五号成功落月!

嫦娥五号成功落月!

记者从国家航天局获悉,刚刚,嫦娥五号探测器成功着陆在月
最新文章
Dreamweaver代码怎么自动排版? dw代码格式化的技巧

Dreamweaver代码怎么

Dreamweaver代码怎么自动排?Dreamweaver中的代码看上去
Dreamweaver文字或图片怎么添加空连接?

Dreamweaver文字或图

Dreamweaver文字或图片怎么添加空连接?Dreamweaver制作
dreamweaver怎么制作向上滚动的文字代码?

dreamweaver怎么制作

dreamweaver怎么制作向上滚动的文字代码?dreamweaver设
Dreamweaver怎么添加调试浏览器?

Dreamweaver怎么添加

Dreamweaver怎么添加调试浏览器?Dreamweaver中调试网页
DreamWeaver怎导入项目? dw直接导入项目的教程

DreamWeaver怎导入项

DreamWeaver怎导入项目?之前做好了一个dw项目,想要直接
Dreamweaver网页怎么制作CSS叠层样式?

Dreamweaver网页怎么

Dreamweaver网页怎么制作CSS叠层样式?Dreamweaver制作