屬性優先級、圖片屬性設置、內聯標簽設置大小
阿新 • • 發佈:2018-06-08
width splay icon 內聯 rep height PE idt repeat
<style> /*優先級:# 1000 .100 div 10*/ /*塊級標簽有長寬,內聯標簽沒有*/ .div1{ border: 1px solid red; width: 800px;/*div的大小*/ height: 800px; background-image: url("123.jpg"); background-repeat:no-repeat;/*確保只有一張圖顯示*/ background-position: center;/*居中*/ } span{ display: inline-block;/*原本span不能設置長寬,但是因為這句話可以設置了*/ /*inline-block既有內聯標簽優勢能在一行顯示又可以設置長寬*/ height: 18px; width: 20px; background-image: url("http://dig.chouti.com/images/icon_18_118.png?v=2.13"); background-position: 0-100px; } </style> </head> <body> <div class="div1" id="id1"> </div> <span></span>/*內聯標簽*/ </body> </html>
屬性優先級、圖片屬性設置、內聯標簽設置大小