CSS中继承指的是什么意思-创新互联

这篇文章主要介绍CSS中继承指的是什么意思,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!

成都创新互联公司,为您提供网站建设公司网站制作公司、网站营销推广、网站开发设计,对服务集装箱等多个行业拥有丰富的网站建设及推广经验。成都创新互联公司网站建设公司成立于2013年,提供专业网站制作报价服务,我们深知市场的竞争激烈,认真对待每位客户,为客户提供赏心悦目的作品。 与客户共同发展进步,是我们永远的责任!

CSS的继承

css的继承指的是当标签具有嵌套关系时,内部标签自动拥有外部标签的不冲突的样式的性质。

在Css中有些属性不允许继承,例如,border属性没有继承性。多边框类的属性都没有继承 ,例如,padding 、 margin 、 background等。

示例:




    
    css使用实例
    


这是蓝色,12pt,斜体,默认宋体

这是蓝色,12pt,斜体加粗,黑体


这是红色,10pt,加粗,黑体,有边框

这是红色,10pt,黑体
我是em元素的文字,绿色文字周边无边框

CSS的使用方式

在html页面中使用CSS主要有3种方法:内嵌方式,内部样式表,使用标签链接外部样式表。

1.内嵌方式(是将CSS代码写在HTML的标签里。)

示例:


    
        
        内嵌方式
    
    
        

内嵌方式

2.内部样式表

与行间样式表类似,都是将CSS代码写在HTML文档中; 不同的是内部样式表不是写在标签中,而且有一定的格式。

示例:



    
        
        内部样式表示例
        
    
    
        

内部样式表

3.使用标签链接外部样式表

与内部样式表的相同之处在于都有一定的格式; 不同的是他的CSS代码是写在HTML文档外的.css文件中,而且使用时需要引用。

实例:

html1.html



    
        
        外部样式表示例
        
    
    
        

外部样式表

CSS1.css

p {
    width: 100px;
    height: 40px;
    color: yellow;
    background-color: red;
    text-align: center;
}

以上是CSS中继承指的是什么意思的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注创新互联网站制作公司行业资讯频道!


新闻名称:CSS中继承指的是什么意思-创新互联
分享地址:http://pwwzsj.com/article/dggeed.html