Dreamweaver:[52]网页制作之css样式的继承

2025-05-21 14:11:27

1、css样式倦虺赳式的继承和图层结合在一起使用,打开软件,新建一个文件,点击插入div标签。输入id名称,比如fu。点击确定,在新建的div内输入文字,比如这是父层。

Dreamweaver:[52]网页制作之css样式的继承
Dreamweaver:[52]网页制作之css样式的继承
Dreamweaver:[52]网页制作之css样式的继承

2、回车,再点击插入div标签,插入一个子层,并进行命名,比如zi。

Dreamweaver:[52]网页制作之css样式的继承

3、设置子层的css样式,点击新建css规则,设置字体和背景颜色。

Dreamweaver:[52]网页制作之css样式的继承
Dreamweaver:[52]网页制作之css样式的继承
Dreamweaver:[52]网页制作之css样式的继承
Dreamweaver:[52]网页制作之css样式的继承

4、设置父层的css样式,点击新建css规则。在弹出的对话框中选择文本有下划线。

Dreamweaver:[52]网页制作之css样式的继承
Dreamweaver:[52]网页制作之css样式的继承

5、点击确定。发现父层和子层的文本都有下划线,这就是css样式的继承关系。

Dreamweaver:[52]网页制作之css样式的继承
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢