好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

html开发中遇到的问题和坏习惯

最近网上看了好多html开发中那些问题和不好的习惯,顺手总结一下。

一、上下间距

  在开发中你会发现你明明设置的两个p标签上下间距为20px但你实际测量中会发现他会多4~8px,这是为什么呢!如果你是老司机我想我就不用多说了,

  因为设计稿中量的都是字与字上下的间距,其实你写p标签检查一下元素,p表标签会有留白,大概是会有上下都有2px左右的留白。这样的话在加上你的

  上边距或下边距你在量的时候就多了点。  

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title></title>
    <style type="text/css">
      *{
        margin: 0;
        padding: 0;
        }
      p:nth-child(1){
        margin-bottom: 20px;
      }
    </style>
  </head>
  <body>
    <p>p1</p>
    <p>p2</p>
  </body>
</html>

查看更多关于html开发中遇到的问题和坏习惯的详细内容...

  阅读:48次

上一篇: Css选择器

下一篇:HTML规范有哪些?