错点集锦

2017-10-20

##关于SEO优化的有关策略：

  • 如图所示
    SEO优化策略
  • ###使用keywords and description可以提高网页的搜索排名，还有title权重值。
  • ###h1标签在每个页面中只能出现一次，标签规范化。
  • ###主义标签语义化，便于代码的维护和复用。
  • ###让公司后台定期更新内容。
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    .div1{
        width:200px;
        height:200px;
        border:5px solid red;
    }
    .div2{
        width:100px;
        height:100px;
        border:1px solid black;
        margin-top:50%;
        padding-top:50%;
    }
    <body>
        <div class="div1">
              <div class="div2"></div>
        </div>

####问题是div2的margin-top and paading-top里的百分数是相对于哪个元素的哪个属性而设置。

  • #####答案是相对于div1的宽度值进行设置的，不仅如此，子元素的margin-top | padding-top | margin-left | padding-left的百分比都是按照父级元素宽度值进行设置。
    1
    2
    3
    4
    5
    6
    7
    8
    html,body{
        font-size:10px;
    }
    div1{
        width:10rem;
        height:10rem;
        font-size:2rem;
    }

#####上面这个例子是在chrome浏览器下进行解析，chrome浏览器支持的最小字体号是12px，所以例子中div1的width:120px;height:120px;font-size:20px;浏览器支持的最小字号是12px，设置的尺寸小于标准的话，会按照12px来解析。另外火狐浏览器是支持10px字号的。