网页中标签的分类及特征

一.标签分类:

1.块标签:block

        a. 独占一行

        b. 可以设宽高

        c. 块标签在默认情况下,宽度默认为父级的宽度

        d. margin,padding四个方向上有占位效果

        其包括以下标签:h,p,ul,li,ol,dl,dt,dd,table,tr,form,div

2.行标签:inline

        a. 呈一行排列(所有标签都一行输出)

        b. 不可以直接设置宽高

        c. 默认的宽度等于内容宽度

        d. margin,padding在垂直方向不占位

        其包括以下标签:a,span,strong,b,em,i,u,del,sub,sup,s

3.行内块标签:inline-block

        a. 呈一行排列

        b. 可以设宽高

        c. margin,padding四个方向上有占位效果

        其包括以下标签:img,input,select,textarea

二.标签嵌套规则

1.行标签内不能嵌套块标签

2. 块标签内可以嵌套任何标签

3.特殊的h1-h6,p标签内不可以出现块标签

4. 一般情况下我们尽量保持同一级别的标签在输出特性上保持一致

希望对您有所帮助^_^

猜你喜欢

转载自blog.csdn.net/qq_58174484/article/details/122746794
今日推荐