1. 程式人生 > >屬性優先級、圖片屬性設置、內聯標簽設置大小

屬性優先級、圖片屬性設置、內聯標簽設置大小

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>

屬性優先級、圖片屬性設置、內聯標簽設置大小