HTML中三大元素种类——行内元素、块级元素、行内块元素

1.行内元素:(常用):

   
   

特点:

1.和其他元素可以并排

2.元素的高度宽度 以及上边距和下边距取决于内容的宽高

 

标签为例

HTML中三大元素种类——行内元素、块级元素、行内块元素_第1张图片

HTML中三大元素种类——行内元素、块级元素、行内块元素_第2张图片

 

 2.块级元素

    1. ...

      特点:

      1. 每个块级元素都从新的一行开始,并且其后的元素也另起一行。(真霸道,一个块级元素独占一行);

      2.元素的宽高,行高以及四周边距都可以人为设置

      3.元素宽度在不设置的情况下,是它本身父容器的100%(和父元素的宽度一致),除非设定一个宽度。

       HTML中三大元素种类——行内元素、块级元素、行内块元素_第3张图片

       

       3.行内块元素

       

      特点:(综合行内元素和块级元素特点)

      1.内容可以并排

      2.宽高 行高以及边距都可以设置

       

      三种元素的转化:

      HTML中三大元素种类——行内元素、块级元素、行内块元素_第4张图片

       

你可能感兴趣的:(基础)