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/49c5d3e34b2c56ee98a577bdf775e5f4fdf54072.jpg)
3、设置子层的css样式,点击新建css规则,设置字体和背景颜色。
![Dreamweaver:[52]网页制作之css样式的继承](https://exp-picture.cdn.bcebos.com/7d34fbf4fcf5ee0dd3145b64f96b0ce264e7ba72.jpg)
![Dreamweaver:[52]网页制作之css样式的继承](https://exp-picture.cdn.bcebos.com/3b8fb4d7726b0ce2883dc5bcef781423bfb9b672.jpg)
4、设置父层的css样式,点击新建css规则。在弹出的对话框中选择文本有下划线。
![Dreamweaver:[52]网页制作之css样式的继承](https://exp-picture.cdn.bcebos.com/1562a0b9763e21c24f0c1063e6e89a618725b172.jpg)
5、点击确定。发现父层和子层的文本都有下划线,这就是css样式的继承关系。
![Dreamweaver:[52]网页制作之css样式的继承](https://exp-picture.cdn.bcebos.com/cfa9ae04541bd10f0cfcfc29ba0e1799e82aa772.jpg)
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
阅读量:52
阅读量:86
阅读量:39
阅读量:70
阅读量:37