CSS的三大特性

CSS的三大特性_第1张图片

层叠性原则:如果设置了两个相同的样式,默认执行最后设置的样式,且只是不执行相同的样式,没有的样式一样执行

CSS的三大特性_第2张图片

例题:



    

    

    Document

    







    
        

龙生龙,凤生凤。儿子继承父亲的样式

    

运行结果:

CSS的三大特性_第3张图片

CSS的三大特性_第4张图片

例题:

行高的继承

    







    
        我很帅很帅     
    

丑八怪就是你啊

    
            
  • 我没有指定文字大小
  •     

运行结果:

CSS的三大特性_第5张图片

CSS的三大特性_第6张图片

CSS的三大特性_第7张图片

例题:



    

    

    行高的继承

    







    

    css的优先级特性

CSS的三大特性_第8张图片

例题:

行高的继承

    







    

        

丹丹宝贝,我爱你!

    

运行结果:

CSS的三大特性_第9张图片

CSS的三大特性_第10张图片

例题:



    

    

    权重的计算

    







    

        
  • 红烧猪蹄
  •         
  • 鱼香肉丝
  •         
  • 茄汁炒肉
  •     

    运行结果:

    CSS的三大特性_第11张图片

    CSS的三大特性_第12张图片

    你可能感兴趣的:(css,servlet,前端)