09-块级元素和行内元素

Posted 2022-09-14 897463196-a

标签的分类                           

　　块级元素：

　　行内元素：

行内元素和块级元素的区别（重要）  

行内元素：

　　在一行内显示；

　　不能设置宽高，默认的宽高就是文字的宽高；

块级元素：

　　霸占一行，不能与其他元素并排显示；

　　可以设置宽高，如果不设置宽度，默认宽度为父亲的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