css元素有哪几种类型

三种类型:块级元素,行内元素,行内块元素

块级元素

  块级元素有哪些?

    <h1>~<h6>、<p>、<div>、<ul>、<ol>、<li>

  块级元素的特点

    1.自己独占一行

    2.高度,宽度,外边距,内边距都可以控制

    3.宽度默认是父级元素宽度的100%

    4.是一个容器也是一个盒子,里面可以放行内元素或块级元素

    5.文字类的元素内不能放块级元素

行内元素

  行内元素有哪些?
   
 <a>、<strong>、<b>、<em>、<i>、<del>、<s>、<ins>、<u>、<span>

  行内元素的特点:

    1.相邻元素在一行上,一行上可以显示多个

    2.高度,宽度直接设置无效

    3.默认宽度是它本身内容的宽度

    4.行内元素只能容纳文本或其他行内元素

    5.连接里面不能再放连接

    6.特殊情况连接<a>里面可以放块级元素,但是给<a>转换一下会计模式最安全

行内块元素

  行内块元素有哪些?

    <img/>、<input/>、<td>

  行内块元素有哪些特点:

    1.和相邻行内元素(行内块元素)在一行上,但是他们之间会有空白缝隙

    2.一行可以显示多个(行内元素特点)

    3.默认宽度就是它本身内容的宽度(行内元素特点)

    4.高度、行高、外边距、内边距都可以控制(块级元素特点)

 

posted @ 2021-08-05 15:50  景芝芝~  阅读(334)  评论(0编辑  收藏  举报