htmlの不要な空白を取り除く

Question

私は不要な部分を削除したいと考えています。white spaceはmedia queriesの中にあり、他のmedia queriesがないとどうなっているのでしょうか？誰かが私にベストプラクティスを使ってこれを取り除く方法の手がかりを与えることができますか？ここで

は絵です：

はここのコードです：

@media screen and (min-width: 768px) and (max-width: 991px){ 
      .logo { 
    width: 220px; 
} 
.gear { 
    position: absolute; 
    left:23%; 
    top:9px; 
    width: 10px; 
} 
.lightning { 
    position: absolute; 
    top:30px; 
    left:32%; 
} 
@-webkit-keyframes scale { 
    0%{ -webkit-transform: scale(0,0);} 
    100%{ -webkit-transform: scale(0.5,0.5);} 
} 
@-moz-keyframes scale { 
    0%{-ms-transform:scale(0,0);} 
    100%{-ms-transform: scale(0.5,0.5);} 
} 

@-o-keyframes scale { 
    0%{-o-transform:scale(0,0);} 
    100%{-o-transform: scale(0.5,0.5);} 
} 

@-ms-keyframes scale { 
    0%{-ms-transform:scale(0,0);} 
    100%{-ms-transform: scale(0.5,0.5);} 
} 

@keyframes scale { 
    0%{transform:scale(0,0);} 
    100%{transform: scale(0.5,0.5);} 
} 
.con { 
    margin-right: 0px; 
} 
.navbar-inverse .navbar-nav>li>a { 
    color: #949494; 
    padding-top: 47px; 
    padding-right: 0px; 
    font-weight: bold; 
    border-bottom: 3px solid transparent; 
    transition: border-bottom-color 0.5s ease-in-out; 
    -webkit-transition: border-bottom-color 0.5s ease-in-out; 
    font-size: 10px; 
} 
} 

Answer 1

を最初のものは、エディタのインデントショートキーにも依存します。 第二のアイデアは、「オンラインのcssビューティ」のためのgoogleんが、私はこのツールから、あなたのコードのインデントを行う、オンラインインデントしている、利用できるオンラインツールがたくさんある、私は http://www.cleancss.com/css-beautify/

@media screen and (min-width: 768px) and (max-width: 991px) { 
    .logo { 
     width: 220px; 
    } 
    .gear { 
     position: absolute; 
     left: 23%; 
     top: 9px; 
     width: 10px; 
    } 
    .lightning { 
     position: absolute; 
     top: 30px; 
     left: 32%; 
    } 
    @-webkit-keyframes scale { 
     0% { 
      -webkit-transform: scale(0, 0); 
     } 
     100% { 
      -webkit-transform: scale(0.5, 0.5); 
     } 
    } 
    @-moz-keyframes scale { 
     0% { 
      -ms-transform: scale(0, 0); 
     } 
     100% { 
      -ms-transform: scale(0.5, 0.5); 
     } 
    } 
    @-o-keyframes scale { 
     0% { 
      -o-transform: scale(0, 0); 
     } 
     100% { 
      -o-transform: scale(0.5, 0.5); 
     } 
    } 
    @-ms-keyframes scale { 
     0% { 
      -ms-transform: scale(0, 0); 
     } 
     100% { 
      -ms-transform: scale(0.5, 0.5); 
     } 
    } 
    @keyframes scale { 
     0% { 
      transform: scale(0, 0); 
     } 
     100% { 
      transform: scale(0.5, 0.5); 
     } 
    } 
    .con { 
     margin-right: 0px; 
    } 
    .navbar-inverse .navbar-nav>li>a { 
     color: #949494; 
     padding-top: 47px; 
     padding-right: 0px; 
     font-weight: bold; 
     border-bottom: 3px solid transparent; 
     transition: border-bottom-color 0.5s ease-in-out; 
     -webkit-transition: border-bottom-color 0.5s ease-in-out; 
     font-size: 10px; 
    } 
} 

、このツールからあなたのコードのインデントをしました

Answer 2

はあなたのCSSファイルで *このことを宣言しようとしている{マージン：0;パディング：0;}