CSS基础 常见的元素显示模式

1.块级元素
  属性：display：block
   特点：1.一行只能显示一个元素
        2.宽度默认是父元素的，高度是有内容撑开
        3.可以设置宽、高
常见块元素：div，p，h系列，ul、li，dl、dt、dd、from、header、nav、footer......

2.行内元素
  属性：display：inline
   特点：1.一行可以放多个元素
        2.宽、高是有内容撑开
        3.不可以设置宽、高
 常见元素：a、span、b、u、i、s、strong......

3.行内块元素
  属性：display：inline-block
   特点：1.一行可以显示多个
        2.可以设置宽、高
常见元素：input、textarea、button、select......

各级元素相互转换：只需要将关键词词写入css样式中即可，例如

             a{  //由于a是行内元素，不能设置宽和高，display：inline-block关键词将其转换为行内块元素；

                  display:inline-block;

               }

注意：1.块元素有嵌套特点，单p不可以嵌套div、p、h等块级标签

            2.a标签内部可以嵌套除本身标签外的标签