Dreamweaver网页制作怎么使用css样式嵌套?
发布时间：2018-01-02 16:11:18 作者：lovezhus 
我要评论
我要评论Dreamweaver网页制作怎么使用css样式嵌套？Dreamweaver设计网页的时候，想要使用css样式嵌套，该怎么制作呢？下面我们就来看看详细的教程，需要的朋友可以参考下
（福利推荐：你还在原价购买阿里云服务器？现在阿里云0.8折限时抢购活动来啦！4核8G企业云服务器仅2998元/3年，立即抢购>>>：9i0i.cn/aliyun）
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样式嵌套的使用方法，希望大家喜欢，请继续关注程序员之家。
相关推荐：
dreamweaver cs6怎么新建HTML5格式的页面?
相关文章
Dreamweaver怎么裁剪图片？Dreamweaver中插入的图片太大了，想要裁剪图片，并设置图片的属性，该怎么设置呢？下面我们就来看看dw编辑图片的技巧，需要的朋友可以参考下2018-01-02
Dreamweaver网页怎么创建css样式的复合声明？Dreamweaver中想要制作一个css样式的复合声明，该怎么制作呢？下面我们就来看看详细的教程，需要的朋友可以参考下2018-01-02
Dreamweaver网页中怎么插入导航条? dw网页导航条的使用方法
Dreamweaver网页中怎么插入导航条？Dreamweaver中网页为了更有层次感，想要插入导航条，该怎么使用导航条呢？下面我们就来看看dw网页导航条的使用方法，需要的朋友可以参考2018-01-02
Dreamweaver怎么避免中文乱码的问题？Dreamweaver设计网站的时候，会遇到中文乱码的情况，该怎么提前预防出现这种情况呢？请看下文详细的介绍，需要的朋友可以参考下2017-12-31
Dreamweaver cc2018新版页面怎么切换回旧版本布局?
Dreamweaver cc2018新版页面怎么切换回旧版本布局？Dreamweaver cc2018中的布局界面和旧版本有很大不同，很多工具都找不到，想要切换到旧版本，该怎么切花呢？请看下文详细2017-12-20
Dreamweaver怎么添加本地的浏览器为测试浏览器？Dreamweaver测试浏览器可以自己添加，该怎么将电脑安装的火狐浏览器添加到测试浏览器呢？下面我们就来看看详细的教程，需要2017-12-19
dreamweaver网页中怎么制作DIV图层？dreamweaver制作网页的时候，想要在网页上制作一个图层放图片，该怎么制作呢？下面我们就来看看详细的教程，需要的朋友可以参考下2017-12-19
Dreamweaver怎么使用标签及代码设计表格？Dreamweaver中可以直接绘制表格，也可以通过标签和代码来制作表格，下面我们就来看看详细的教程，需要的朋友可以参考下2017-12-12
Dreamweaver怎么使用框架结构快速制作网页？Dreamweaver制作网页的时候，表格布局已经不能实现网页的功能了，比如同一页面下有多个子页面时，就要使用框架结构来布局，下面2017-12-11
dreamweaver怎么制作鼠标经过图片变换的效果？dreamweaver中想要制鼠标经过或点击图片，图片会改变，该怎么制作这个效果呢？下面我们就来看看详细的教程，需要的朋友可以参2017-12-11
最新评论