块级元素,行内元素,行内块元素

狂风中的少年 提交于 2019-12-06 11:47:27

块级元素:

   独占一行,对宽高的属性值生效;如果不给宽度,默认为浏览器的宽度即100%

  块标签:p、div、ul、ol、li、dl、dt、dd、h1~h6、form

 

行内元素:

  可以多个标签存在一行,对宽高的属性值不生效,靠内容撑开

  行内标签:a、span、em、strong、b、i、u、label、br

 

行内块元素:

  结合行内和块级元素的优点,不仅可以设置宽高,还可以多个标签存在一行

  行内块元素: img、input、textarea

 

以上三个元素可以互相转换,

  块 -》 行内   display:inline;

  行内 -》块    display:block;

  转为行内块元素 display:inline-block;

 

嵌套规则

  块标签可以嵌套行标签,行标签不可以嵌套块标签

  p标签不要套块标签,可以套 a,spam,文本等等

 

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!