09-块级元素和行内元素

标签的分类                           

  块级元素:

  行内元素:

行内元素和块级元素的区别(重要)  

行内元素:

  在一行内显示;

  不能设置宽高,默认的宽高就是文字的宽高;

块级元素:

  霸占一行,不能与其他元素并排显示;

  可以设置宽高,如果不设置宽度,默认宽度为父亲的100%,如果不设置高度,将会被内容的高度撑起。

行内元素和块级元素的分类                                       

在HTML中,标签分为文本级标签和容器级标签。

  文本级标签:p、span、a、em、b、u

  容器级标签:div、dt、dd、p、h系列、li

记住:除了p标签之外的文本级标签全是行内元素。所有的容器级标签和p构成了块级元素。

块级元素和行内元素的互相转换        

display: block;
display: inline;
display: inline-block;
display: none;

通过块级元素和行内元素的互相转换,行内元素可转换为块级元素,从而设置宽高;块级元素也可转换成行内元素,在一行内显示;更有利于页面布局。

作者:流浪者

日期:2019-08-31

猜你喜欢

转载自www.cnblogs.com/897463196-a/p/11438928.html