zoukankan      html  css  js  c++  java
  • 属性优先级、图片属性设置、内联标签设置大小

     <style>
            /*优先级:# 1000 .100 div 10*/
            /*块级标签有长宽,内联标签没有*/
    .div1{
        border: 1px solid red;
          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;
                 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>
  • 相关阅读:
    Linux内核分析
    socket的protocal参数
    linux修改系统时间
    asdfadsf
    NoSQL数据库笔谈
    scrapy安装
    数字证书及CA的扫盲介绍
    Java数据类型
    EXISTS的用法
    python链接
  • 原文地址:https://www.cnblogs.com/wfl9310/p/9156498.html
Copyright © 2011-2022 走看看