Dreamweaver:[52]网页制作之css样式的继承
1、css样式倦虺赳式的继承和图层结合在一起使用,打开软件,新建一个文件,点击插入div标签。输入id名称,比如fu。点击确定,在新建的div内输入文字,比如这是父层。
![Dreamweaver:[52]网页制作之css样式的继承](https://exp-picture.cdn.bcebos.com/75af02324b18512c502b2914ad334884cce34972.jpg)
![Dreamweaver:[52]网页制作之css样式的继承](https://exp-picture.cdn.bcebos.com/506d92f1d8a72633975e3c50c02c56ee7a7f4472.jpg)
![Dreamweaver:[52]网页制作之css样式的继承](https://exp-picture.cdn.bcebos.com/49c5d3e34b2c56ee98a577bdf775e5f4fdf54072.jpg)
2、回车,再点击插入div标签,插入一个子层,并进行命名,比如zi。
![Dreamweaver:[52]网页制作之css样式的继承](https://exp-picture.cdn.bcebos.com/7a3e980e7c75e5f41b2f1fbeb1ceaad7736bbc72.jpg)
3、设置子层的css样式,点击新建css规则,设置字体和背景颜色。
![Dreamweaver:[52]网页制作之css样式的继承](https://exp-picture.cdn.bcebos.com/7d34fbf4fcf5ee0dd3145b64f96b0ce264e7ba72.jpg)
![Dreamweaver:[52]网页制作之css样式的继承](https://exp-picture.cdn.bcebos.com/fdb4f00d3aceaad799b1fd51eee7340f6578b872.jpg)
![Dreamweaver:[52]网页制作之css样式的继承](https://exp-picture.cdn.bcebos.com/3b8fb4d7726b0ce2883dc5bcef781423bfb9b672.jpg)
![Dreamweaver:[52]网页制作之css样式的继承](https://exp-picture.cdn.bcebos.com/0da37be7340f6478e4f94f0afd3e21c2bad6b572.jpg)
4、设置父层的css样式,点击新建css规则。在弹出的对话框中选择文本有下划线。
![Dreamweaver:[52]网页制作之css样式的继承](https://exp-picture.cdn.bcebos.com/1562a0b9763e21c24f0c1063e6e89a618725b172.jpg)
![Dreamweaver:[52]网页制作之css样式的继承](https://exp-picture.cdn.bcebos.com/e09173e89a618625b8493f5b3b04541bd00faa72.jpg)
5、点击确定。发现父层和子层的文本都有下划线,这就是css样式的继承关系。
![Dreamweaver:[52]网页制作之css样式的继承](https://exp-picture.cdn.bcebos.com/cfa9ae04541bd10f0cfcfc29ba0e1799e82aa772.jpg)