网站建设资讯

NEWS

网站建设资讯

CSS中继承指的是什么意思

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

创新互联公司是一家专注于网站设计制作、网站制作与策划设计,梅县网站建设哪家好?创新互联公司做网站,专注于网站建设10余年,网设计领域的专业建站公司;建站业务涵盖:梅县等地区。梅县做网站价格咨询:13518219792

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://cdweb.net/article/jhjhcs.html