css 基础入门 块元素+内联元素+内联块

1，块元素（block）

        默认撑满一整行

           默认独占一行

               支持所有css命令

常见块元素：

                body      h1，h2，h3，h4，h5，h6       p        div        li        ul        ol      dl     dt     dd

2，内联元素（inline 行内元素，内嵌元素）

      不支持宽高

         不支持上下margin

            后面可以跟上其他同类型的元素（排成一行）

              由内容撑开宽度

                 代码换行会解析空格（空格大小在宋体情况下是字体大小的一半）

常见内联元素：

                   a           span          em          i （专业词汇，斜体）       b（关键词，加粗）        strong（加粗）    time        input        img 

特殊的img标签

           是内联元素，但是支持宽高，并且只给宽度或者高度的时候，另一个值等比例缩放

       img标签下面会多出来几个像素（改变它的垂直对齐方式）

3，内联块（inline-block）

  没有原生的内联块，任何元素都可以转换为内联块元素

    让块元素排成一行

           让内联元素支持宽高

                 代码换行会解析空格（空格大小在宋体情况下是字体大小的一半）

                         默认有内容撑开宽度

页面布局原则：

             不同类型的元素尽量不要混用

规则：

            块元素可以包含任何元素，内联元素不能包含块元素。

---

四条线：

             顶线

             中线

             基线

             底线

页面中内联元素默认是底线（基线）对齐

               vertical-align ：top；

     改变元素的垂直对齐方式