行级块级标签

<!DOCTYPE html>
<html>
 <head>
  <meta charset="UTF-8">
  <title>行级块级标签</title>
 </head>
 <body>
  <!--宽高
   宽度 width：100px；
   高度 height：200px；
  -->
  <div style="height:200px;width: 100px;background-color: red;">span</div>
  <!--行和块的区别
   1、块级标签默认占一行
      行级标签默认区域为文本区域
   2、块级标签可以设置宽和高
      行级标签不可以设置宽和高
   3、块级标签display：block；
      行级标签display：inline；
   4、行级块级标签是可以通过display属性来相互切换。
   5、行级标签是可以处于同一行


   块级元素 默认宽度和父级一样
   块级元素 默认高度由内容来撑开
   
   display：none； 不展示，不会显示这个标签
  -->
  <div style="background-color: blue;">我是div</div>
  <span style="background-color: blue;">我是span</span>
 </body>
</html>
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容