首页 >web前端 >html教程 >后端程序员前端之路04html元素分类_html/css_WEB-ITnose

后端程序员前端之路04html元素分类_html/css_WEB-ITnose

WBOY
WBOY原创
2016-06-24 11:23:031035浏览

目录

  • 块级元素
  • 内联元素
  • 内联块级元素 
  • 总结
  •  

    一、块级元素(block)

          定义:默认情况下,独占一行的元素就是块级元素。

          特点

    1. 每个块级元素都从新的一行开始,并且其后的元素也另起一行。(真霸道,一个块级元素独占一行)
    2. 元素的高度、宽度、行高以及顶和底边距都可设置
    3. 元素宽度在不设置的情况下,是它本身父容器的100%(和父元素的宽度一致)。

          常见的块级元素

    ...

      、、

      二、内联元素(inline)

            定义:内联元素,也叫行内元素。默认情况下,和其他元素在同一行上,并且元素的高度、宽度等不能设置的元素就是内联元素。

            特点

      1. 和其他元素都在一行上;
      2. 元素的高度、宽度及顶部和底部边距不可设置;
      3. 元素的宽度就是它包含的文字或图片的宽度,不可改变。

            常见的内联元素

      三、内联块状元素(inline-block)

            定义:默认情况下,和其他元素在同一行上,并且元素的高度、宽度等可以设置的元素就是内联元素

            特点

      1. 和其他元素都在一行上;
      2. 元素的高度、宽度、行高以及顶和底边距都可设置。

            常见的内联块级元素后端程序员前端之路04html元素分类_html/css_WEB-ITnose

      四、总结

            不管是哪种元素,他们之间都可以通过css中的display属性进行相互转换。

            

       

    声明:
    本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn