• 关于html元素Css样式设置的一点心得(特别是与位置有关的,还有外边距、内边距有关的那些)


    关于html元素Css样式设置的一点心得(特别是与位置有关的,还有外边距、内边距有关的那些)

    外边距、内边距(设置站在的角度看问题!)正如一个标签:text-align:文本内容(元素内部内容)居中,它设置的起作用是对内部的内容起作用!!!

    同样,当对于一个标签选择器或者一个类选择器设置,例如对齐,居中,颜色。。。。都是对其内部的内容进行设置,而不是对当前自身起到设置作用,特别是位置(居中、左对齐等、内边距、外边距)!!!

    代码示例:

    一开始没加css的效果

     这个时候内边距该设置在哪里呢?

    想看一下我的html代码:

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>网易游戏</title>
        <link rel="stylesheet" type="text/css" href="../Sytle/网易游戏.css">
    </head>
    <body>
    <div class="left">
        <h1>
            家国天下,萃聚群英,《率土之滨》周年庆典玩家活动重磅来袭!
        </h1>
        <hr/>
        <img class="clockImage" src="../images//clock.png" />
        <span class="date">2019-10-22</span>
        <hr/>
        <div class="container">
            <p class="content">百战沙场碎铁衣,常胜将军踏英豪,这正是全自由沙盘战略手游《率土之滨》的魅力所在,一路走来,率土十三州已历四年,各方豪强逐鹿中原,无数同盟鼎足而立,如今,逾千个服务器上演同台竞技,上千万主公加入其中,他们内修盟政,外治山河,谋兵法将略,督百万雄兵,在一次次智慧博弈中体验实时策略的快感。</p>
            <img src="../images//home.png" />
        </div>
    </div>
    
    </body>
    </html>

    first:一开始我用div (class=”left“)把内部的标题、图片、段落呀等等内容都装起来后,设置left的内边距、外边距为0,

        结果是没有改变没设置css之前的1 和 2 的位置,还是离左边和上边有一点距离,是因为我对div(class="left")设置内外边距为0,起作用的是内部的那些标题、图片、段落,离这个容器(div(class="left")的内外边距为0),就是样式设定起作用的是对其内部内容,所以,我们需要找到,把div(class="left")当内部内容的body,来设置内外边距为0。

    second:body,来设置内外边距为0。

    运行结果:(完美解决!)

  • 相关阅读:
    [译]Stairway to Integration Services Level 3
    [译]SSRS 报表版本控制
    java was started but exit code =-805306369
    There is no session with id XXX
    spring 线程安全
    navicat远程连接阿里云ECS上的MYSQL报Lost connection to MySQL server at 'reading initial communication packet'
    navicat链接阿里云mysql报80070007: SSH Tunnel: Server does not support diffie-hellman-group1-sha1 for keyexchange
    eclipse中的tomca的编辑页面server location灰色
    tomcat tomcat-user.xml被还原
    java元注解
  • 原文地址:https://www.cnblogs.com/shan333/p/14652354.html
Copyright © 2020-2023  润新知