點擊下載
本文文檔

當前位置：首頁 - 科技 - 知識百科 - 正文

CSS的inherit與auto使用分析_經驗交流

來源：懂視網責編：小采時間：2020-11-27 18:55:41

CSS的inherit與auto使用分析_經驗交流

CSS的inherit與auto使用分析_經驗交流:通常是一個很小的數值，經過層層放大歪曲后，整個布局就走形了。CSS是一門很簡單的語言，易學易用，但也最容易出垃圾代碼。這是沒有深入研究這門語言所致。本人認為，CSS是由以下三大塊構成的：默認值，繼承系統與加權系統。默認值，也就是瀏覽器在用戶沒有設

推薦度：

點擊下載本文 文檔為doc格式

導讀CSS的inherit與auto使用分析_經驗交流:通常是一個很小的數值，經過層層放大歪曲后，整個布局就走形了。CSS是一門很簡單的語言，易學易用，但也最容易出垃圾代碼。這是沒有深入研究這門語言所致。本人認為，CSS是由以下三大塊構成的：默認值，繼承系統與加權系統。默認值，也就是瀏覽器在用戶沒有設

通常是一個很小的數值，經過層層放大歪曲后，整個布局就走形了。CSS是一門很簡單的語言，易學易用，但也最容易出垃圾代碼。這是沒有深入研究這門語言所致。本人認為，CSS是由以下三大塊構成的：默認值，繼承系統與加權系統。默認值，也就是瀏覽器在用戶沒有設置屬性的情況下，默認指定的屬性。CSS框架基本都有一個叫reset.css 的文件，就是對其進行重設，消除各瀏覽器的差異的。繼承系統就是下面要重點討論的東西。加權系統，也就是優先級的問題，不在本文的討論范疇，不說了。另，這三個東西都面臨著IE Bug的侵襲，危害甚大，自己另行了斷吧（笑）。

在CSS中，許多屬性都是可以繼承的，如某個段落的字體設置為白色，其元素的字體不用設置或設置為inhert，它就是白色。這些屬性被稱之為inherited property，它會從父元素獲取對應屬性的經過計算與轉換的值(computed value)，如果父元素和它的情形一樣，它就繼續往上找，最后沒有就使用瀏覽器的默認值。

下面是 inherited properties的一覽表：
代碼如下:
border-collapse
border-spacing
caption-side
color
cursor
direction
empty-cells
font
font-family
font-stretch
font-size
font-size-adjust
font-style
font-variant
font-weight
letter-spacing
line-height
list-style
opacity
list-style-image
list-style-type
quotes
text-align
text-indent
text-transform
white-space
word-spacing

<html dir="ltr" lang="zh-CN"> 
<head> 
<meta charset="gb2312"/> 
<meta http-equiv="X-UA-Compatible" content="IE=8"> 
<style type="text/css"> 
</style> 
<p><strong>聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:0731-84117792 E-MAIL:11247931@qq.com</strong></p></div>    
<div class="downbox clearfix">
    <div class="ico"><img src="https://js.51dongshi.com/tpl/pc2/images/document.png" alt="文檔"></div>
    <div class="txt">
        <h4>CSS的inherit與auto使用分析_經驗交流</h4>
        <div class="co">CSS的inherit與auto使用分析_經驗交流:通常是一個很小的數值，經過層層放大歪曲后，整個布局就走形了。CSS是一門很簡單的語言，易學易用，但也最容易出垃圾代碼。這是沒有深入研究這門語言所致。本人認為，CSS是由以下三大塊構成的：默認值，繼承系統與加權系統。默認值，也就是瀏覽器在用戶沒有設</div>
        <div class="tj"><b>推薦度：</b><div class="tj_stars_list"><i class="tj_stars tj_05"></i></div></div>
    </div>
    <div class="btn">
        <a href="javascript:;"  class="html2word" data-model="article" data-id="adaedv" title="文檔下載">
            <b>點擊下載本文</b>
            <span>文檔為doc格式</span>
        </a>
    </div>
</div>
              
        
                <div class="tvideo_tag">
            標簽：
                        <a href="/tlist-567364/">css</a>
                        <a href="/tlist-692209/">auto</a>
                        <a href="/tlist-2130541/">經驗交流</a>
                    </div>
                
            
            <div class="tvideo_box tvideo_box_tab"> 
                    <div class="hd">
                        <ul><li class="on">熱門焦點</li></ul>
                    </div>
                    <div class="bd">
                        <ul class="ult_jpic clearfix">
                            
                            
                            
                        </ul>
                        
                    </div>
            </div>
            
        </div>
        
        
        <div class="ult_zt">
            
            <div class="ult_ztbox">
                <h4>最新推薦</h4>
                <ul class="tvideo_r_a clearfix">
                    
                
                
                
            </ul>
            </div>
            
            
            <div class="ult_ztbox">
                <h4>猜你喜歡</h4>
                <ul class="telist_rb clearfix">
                    
                    
                   
                    
                </ul>
            </div>
           
            
            
           
            <div class="ult_ztbox">
                <h4>熱門推薦</h4>
                <ul class="tvideo_r_b clearfix">
                    
                    
                </ul>
            </div>
           
            
        </div>
        
        <div style="display:none"><a href="http://www.tinablaze.com/adwzztfadaedv/">專題</a>
</div>
    </div>

</div>

<style>
#qrcode{padding: 15px;background: #fff;}
</style>
<div id="qrcode" style="display: none"></div>

<iframe src="https://hits.51dongshi.com/?biao=ho_article&id=929027" border="0" frameborder="0" style="width: 0px; height: 0px"></iframe>

<link rel="stylesheet" >

<div style="display:none">
    </div>

<div class="footer">
    <div class="m_box">
        <div class="footer_in"> 
            <a  target="_blank">產品服務</a>
            <a  target="_blank">發展歷程</a>
            <a  target="_blank">企業資訊</a>
            <a  target="_blank">企業文化</a>
            <a  target="_blank">關于我們</a>
            <a  target="_blank">加入我們</a>
            <a  target="_blank">聯系我們</a>
            <a href="http://www.tinablaze.com/map/" target="_blank">網站導航</a>
            <a href="http://www.tinablaze.com/about/lawfirm.html" target="_blank">網站律師</a>
        </div>
        <ul class="ftrlist">
            <li>
                 <a rel="nofollow"  target="_blank">
                     <img src="https://js.51dongshi.com/tpl/pc2/images/footer_logo01.gif" alt="中國互聯網協會"></a>
             </li>
             <li>
                 <a rel="nofollow"  target="_blank">
                     <img src="https://js.51dongshi.com/tpl/pc2/images/12377logo.png" alt="中國互聯網舉報中心"></a>
             </li>
             <li>
                 <a rel="nofollow"  target="_blank">
                     <img src="https://js.51dongshi.com/tpl/pc2/images/footer_logo05.gif" alt="網絡110報警服務"></a>
             </li>
             <li>
                 <a rel="nofollow"  target="_blank">
                     <img src="https://js.51dongshi.com/tpl/pc2/images/creditchina.gif" alt="信用中國"></a>
             </li>
             <li class="last">
                 <a rel="nofollow"  target="_blank">
                     <img src="https://js.51dongshi.com/tpl/pc2/images/footer_logo11.png" alt="中國掃黃打非網"><p>中國掃黃打非網</p>
                 </a>
             </li>
        </ul>
        <div class="footer_co"> 
            <a href="/" class="footlogo"><img src="https://js.51dongshi.com/tpl/pc2/images/logo_bottom.png" alt="懂視"></a>
            <p>Copyright ? 2019-2022 <a  target="_blank">湖南福仁科技有限公司</a> 版權所有</p>
            <p>
                <a rel="nofollow" target="_blank" >湘ICP備19013665號-5</a>
                視頻許可證編號：（湘）字第00637號<a rel="nofollow" target="_blank"  style="display:inline-block;text-decoration:none;height:20px;line-height:20px;"><img src="https://js.51dongshi.com/common/images/gongan.png" style="float:left;"><i style=" display:inline-block;margin: 0px 0px 0px 5px; color:#939393;">湘公網安備 43010402000898號</i></a>
            </p>
            <p>違法及侵權請聯系：TEL:0731-84117792 E-MAIL:11247931@qq.com 本站由北京市萬商天勤律師事務所王興未律師提供法律服務</p>
        </div>
    </div>
</div>

<a href="#0" class="cd-top">Top</a>

<div style="display:none">
    
    </div>
<script>
(function(){
    var bp = document.createElement('script');
    var curProtocol = window.location.protocol.split(':')[0];
    if (curProtocol === 'https') {
        bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
    }
    else {
        bp.src = 'http://push.zhanzhang.baidu.com/push.js';
    }
    var s = document.getElementsByTagName("script")[0];
    s.parentNode.insertBefore(bp, s);
})();
</script>
</body>
</html>