HTML&CSS基礎-樣式的繼承

本文轉載自查看原文 2017-01-11 13:08 1950 HTML與CSS

　　　　　　　　　　　　　　　　HTML&CSS基礎-樣式的繼承

　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　作者：尹正傑

一.HTML源代碼

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>樣式的繼承</title>
        
        <style type="text/css">
            body{
                font-size: 30px;
            }
        </style>
    
    </head>
    <body>
    
        <!--
            像兒子可以繼承父親的遺產意義，在CSS中，祖先元素上的樣式，也會被他的后代元素所繼承,利用繼承，可以將一些基本的樣式設置給祖先樣式，這樣所有的后代元素將會自動繼承這些樣式
        
            但並不是所有的樣式都會被子元素所繼承，比如:背景相關的樣式，邊框相關的樣式，定位相關的樣式都不會被繼承.
            
            溫馨提示:
                所有元素默認背景顏色都是透明的("transparent")。
        -->
        <div style="background-color: yellow;">
            <p>
                我是p標簽中的文字
                <span>我是span中的文字</span>
            </p>
        </div>
    
        <span>我是div元素外的span文字</span>
    </body>
</html>