美文网首页
行级块级标签

行级块级标签

作者: 洛洛kkkkkk | 来源:发表于2016-11-22 18:57 被阅读0次
<!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>

相关文章

  • 行、块、行块标签与盒模型

    块级标签(block),行级标签(inline),行块标签(inline-block): 块级标签(block)的...

  • 行级块级标签

  • H5笔记——CSS常见的标签类型

    CSS中,有以下几种标签类型:块级标签、行内标签、行内-块级标签。 块级标签 特点:1.独占一行的标签;2.能随时...

  • HTML常用块级标签和行级标签

    上篇做了个开始,这篇主要总结html中常用的块级标签和行级标签。这里所说的块级标签是指在布局中单独占据一行的标签...

  • 行块级标签

    可见行级标签与块级标签的区别 行级标签:内容撑开宽度,不可以通过样式控制宽和高,它的宽和高随标签里的内容而...

  • 【前端笔记3.0】标签元素类型

    HTML标签元素有三种不同类型:块级元素,行级元素(内联元素),行级块元素 块级元素特点:独占一行、内容决定高度、...

  • html,css之补充篇(1)

    一.行级标签,块级标签与行块标签 大家都认识了div,span标签,那么有人会疑惑,这两标签会有什么区别呢,我们可...

  • 零散知识点总结

    标签的合理使用 行级元素只能嵌套行级元素,块级元素可以嵌套任何元素 a标签里面不能适用a标签 p标签当中不能是用d...

  • Day8

    CSS设置标签模式: display属性:display:inline(可以让块级标签转化为行级标签) displ...

  • html随笔-行高

    1. 行高line-weight 行高只对块级标签有效,可以撑起块级标签的height。 1)不指定行高及heig...

网友评论

      本文标题:行级块级标签

      本文链接:https://www.haomeiwen.com/subject/nycmpttx.html