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

时间:2024-10-12 07:42:37

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样式的继承
© 手抄报圈