块级元素:块级大多为结构性标记


    地址文字

    标题一级

    标题二级

    标题三级

    标题四级
    标题五级
    标题六级

    水平分割线

    段落
    预格式化
    段落缩进 前后5个字符
    滚动文本
    无序列表
    有序列表
    定义列表
    表格
    表单

    行内元素:行内大多为描述性标记

    链接

    换行
    加粗
    加粗
    行内元素与块级元素 - 图1 图片
    上标
    下标
    斜体
    斜体
    删除线
    下划线
    … 文本框
    多行文本
    下拉列表
    ·块级元素
    1.总是从新的一行开始
    2.高度、宽度都是可控的
    3.宽度没有设置时,默认为100%
    4.块级元素中可以包含块级元素和行内元素

    ·行内元素
    1.和其他元素都在一行
    2.高度、宽度以及内边距都是不可控的
    3.宽高就是内容的高度,不可以改变
    4.行内元素只能行内元素,不能包含块级元素

    HTML可以将元素分类方式分为行内元素、块状元素和行内块状元素三种。首先需要说明的是,这三者是可以互相转换的,使用display属性能够将三者任意转换:
      (1)display:inline;转换为行内元素
      (2)display:block;转换为块状元素
      (3)display:inline-block;转换为行内块状元素

    块状元素
      块状元素代表性的就是div,其他如p、nav、aside、header、footer、section、article、ul-li、address等等,都可以用div来实现。不过为了可以方便程序员解读代码,一般都会使用特定的语义化标签,使得代码可读性强,且便于查错。
      块状元素特征:(1)能够识别宽高
             (2)margin和padding的上下左右均对其有效
             (3)可以自动换行
             (4)多个块状元素标签写在一起,默认排列方式为从上至下

    行内元素
      行内元素最常使用的就是span,其他的只在特定功能下使用,修饰字体标签,还有这两个标签可以直接做出平方的效果,而不需要类似移动属性的帮助,很实用。
      行内元素特征:(1)设置宽高无效
             (2)对margin仅设置左右方向有效,上下无效;padding设置上下左右都有效,即会撑大空间
             (3)不会自动进行换行


    行内块状元素
      行内块状元素综合了行内元素和块状元素的特性,但是各有取舍。因此行内块状元素在日常的使用中,由于其特性,使用的次数也比较多。
      行内块状元素特征:(1)不自动换行
               (2)能够识别宽高
               (3)默认排列方式为从左到右