华人澳洲中文论坛

热图推荐

    原来这是块级标签、行内标签

    [复制链接]

    2022-11-20 07:11:39 17 0

    1 块级元素1-1特征
    -独占一行,一行只能显示一个
    -宽度默许是父元素的宽度,高度默许由内容撑开
    -能够设置宽度
    2 代表标签
    div, p, h系列 ,ul ,li ,dl ,dt ,dd ,form, header·······
    3-阅读器显示3-1代码div显示为独占一行;宽度是body的宽度;


    3-2其余的块标签在阅读器中的显示


    3-3 添加了宽高后,能失效;
    类选择器截图


    添加了类选择器的块级标签显示的内容;


    总结,块级标签,能够独占一行,宽度是父级标签的100%,给予宽高时,能够显示出配景的宽高。
    4 行内标钱4-1显示特征
    -一行能够显示多个
    -宽度和高度默许有内容撑开
    -不成以设置宽高
    代码:


    阅读器显示


    4-2 行内标签比较
    类选择截图


    比较代码截图


    阅读器显示截图:


    阅读器显示不管加不加配景,行内块都是显示的不换行,配景色彩都在内容行内显示。
    4-3参照比较
    类选择截图


    代码和阅读器显示比较








    span标签是个行内标签,给他赋与了宽高也是外行内内容显示。
    其余标签给予宽高会有相应的变动。
    4-2代表标签
    a,span,b,u,i,s,strong,ins,em,del,````
    (仅为集体自学的一点点思考,如有错漏,欢送留言斧正)

    发表回复

    您需要登录后才可以回帖 登录 | 立即注册

    返回列表 本版积分规则

    :
    中级会员
    :
    论坛短信
    :
    未填写
    :
    未填写
    :
    未填写

    主题36

    帖子43

    积分201

    图文推荐