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

块级元素:

   独占一行,对宽高的属性值生效;如果不给宽度,默认为浏览器的宽度即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,文本等等

 

posted @ 2019-12-04 10:49  decrypt  阅读(817)  评论(0编辑  收藏  举报