CSS显示方式分类

来源:互联网 发布:剑灵天族捏脸数据图 编辑:程序博客网 时间:2024/05/22 11:58
☞块级元素

☞行内元素

☞行内块元素(替换元素)

块级元素

代表:
              p,div,h1,ul,ol,dl,li....
         特点:
               ◆如果块级元素没有设置宽度的情况下,那么该块级元素的宽度与其父元素的宽度一致。(宽度和高度是不能继承的!)    

          ◆块级元素不能在一行上显示
               ◆块级元素可以直接设置宽度和高度

行内元素

    代表:
               a,span,strong,b,em,i.....

        特点:
                ◆行内元素默认情况下没有宽度,宽度等于其内容的大小。
                ◆两个行内元素可以在一行上显示。

           ◆行内元素不能直接设置宽度和高度。
       

行内块元素(替换元素) 既具有行内元素特点 也有块级元素的特点。

   代表:(表单标签 和图片标签)
               <img>, <input>
      特点:
                ◆元素在一行上显示
                  ◆元素可以设置宽度和高度。

 


0 0
原创粉丝点击