Dreamweaver网页制作怎么使用css样式嵌套?

  发布时间:2018-01-02 16:11:18   作者:lovezhus   我要评论
Dreamweaver网页制作怎么使用css样式嵌套?Dreamweaver设计网页的时候,想要使用css样式嵌套,该怎么制作呢?下面我们就来看看详细的教程,需要的朋友可以参考下

Dreamweaver设计网页的时候,想要使用css样式,该怎么制作css样式嵌套呢?下面我们就来看看详细的教程。

1、打开软件,输入两个段落的文本。

2、为第一个文本设置一个id,比如id是css。

3、在两个段落的文本随便在中间取两个字加上下划线。这样就形成了一个嵌套,就是在段落元素下有了一个下划线的元素。

4、给下划线元素加个css样式,打开css样式窗口,点击新建css规则。

5、在弹出的对话框中,选择器类型为元素,选择器元素为em。

6、在弹出的css规则定义窗口,选择属性,比如文本颜色为红色。文本大小为36px。点击确定,发现有下划线元素的字体就改变了。

7、但是,如果在新建css样式的时候,选择器类型选为复合,选择器名称为#css em,注意中间空一格。css规则定义的文本大小为36px,文本颜色为红色。结果是只有上面文本的下划线的内容发生了变化。

以上就是Dreamweaver中css样式嵌套的使用方法,希望大家喜欢,请继续关注脚本之家。

相关推荐:

dw怎么制作asp动态网页之向数据库增加记录?

Dreamweaver怎么在网页中显示一个圆角矩形?

dreamweaver cs6怎么新建HTML5格式的页面?

相关文章

  • Dreamweaver怎么裁剪图片? dw编辑图片的技巧

    Dreamweaver怎么裁剪图片?Dreamweaver中插入的图片太大了,想要裁剪图片,并设置图片的属性,该怎么设置呢?下面我们就来看看dw编辑图片的技巧,需要的朋友可以参考下
    2018-01-02
  • Dreamweaver网页怎么创建css样式的复合声明?

    Dreamweaver网页怎么创建css样式的复合声明?Dreamweaver中想要制作一个css样式的复合声明,该怎么制作呢?下面我们就来看看详细的教程,需要的朋友可以参考下
    2018-01-02
  • Dreamweaver网页中怎么插入导航条? dw网页导航条的使用方法

    Dreamweaver网页中怎么插入导航条?Dreamweaver中网页为了更有层次感,想要插入导航条,该怎么使用导航条呢?下面我们就来看看dw网页导航条的使用方法,需要的朋友可以参考
    2018-01-02
  • Dreamweaver怎么避免中文乱码的问题?

    Dreamweaver怎么避免中文乱码的问题?Dreamweaver设计网站的时候,会遇到中文乱码的情况,该怎么提前预防出现这种情况呢?请看下文详细的介绍,需要的朋友可以参考下
    2017-12-31
  • Dreamweaver cc2018新版页面怎么切换回旧版本布局?

    Dreamweaver cc2018新版页面怎么切换回旧版本布局?Dreamweaver cc2018中的布局界面和旧版本有很大不同,很多工具都找不到,想要切换到旧版本,该怎么切花呢?请看下文详细
    2017-12-20
  • Dreamweaver怎么添加本地的浏览器为测试浏览器?

    Dreamweaver怎么添加本地的浏览器为测试浏览器?Dreamweaver测试浏览器可以自己添加,该怎么将电脑安装的火狐浏览器添加到测试浏览器呢?下面我们就来看看详细的教程,需要
    2017-12-19
  • dreamweaver网页中怎么制作DIV图层?

    dreamweaver网页中怎么制作DIV图层?dreamweaver制作网页的时候,想要在网页上制作一个图层放图片,该怎么制作呢?下面我们就来看看详细的教程,需要的朋友可以参考下
    2017-12-19
  • Dreamweaver怎么使用标签及代码设计表格?

    Dreamweaver怎么使用标签及代码设计表格?Dreamweaver中可以直接绘制表格,也可以通过标签和代码来制作表格,下面我们就来看看详细的教程,需要的朋友可以参考下
    2017-12-12
  • Dreamweaver怎么使用框架结构快速制作网页?

    Dreamweaver怎么使用框架结构快速制作网页?Dreamweaver制作网页的时候,表格布局已经不能实现网页的功能了,比如同一页面下有多个子页面时,就要使用框架结构来布局,下面
    2017-12-11
  • dreamweaver怎么制作鼠标经过图片变换的效果?

    dreamweaver怎么制作鼠标经过图片变换的效果?dreamweaver中想要制鼠标经过或点击图片,图片会改变,该怎么制作这个效果呢?下面我们就来看看详细的教程,需要的朋友可以参
    2017-12-11

最新评论