CSS行内元素

一、典型代表

  • span 
  • a
  • ,strong 
  • em
  • del,
  • ins

二、特点:

  • 在一行上显示
  • 不能直接设置宽高
  • 元素的宽和高就是内容撑开的宽高。
<style type="text/css">
        span{
/*无效
             600px;
            height: 600px;
*/
/*            color: red;*/
        }
        .box{
            width: 500px;
            height: 500px;
            background-color: #888;
        }  
        .box span{
            background-color: red;
        }
    </style>
</head>
<body>
   <span>行内标签,不能直接设置宽高</span> <br>
   <a href="#">超链接</a>
   <strong>强调</strong>
   <em>强调</em>
   <del>删除</del>
   <ins>下划线</ins><br>
<!--   给行内元素定义宽高的方法-->
  <div class="box">
      <span>行内元素的宽高不随父元素变化,元素的宽和高就是内容撑开的宽高。</span>
  </div>
   
原文地址:https://www.cnblogs.com/EricZLin/p/8606205.html