CSS什么是继承？CSS如何使用？

CSS的继承

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

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

示例：

    
    
    


这是蓝色，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基础视频教程， CSS3视频教程，bootstrap视频教程！

以上就是CSS什么是继承？CSS如何使用？的详细内容，更多请关注 第一PHP社区 其它相关文章！