Как убрать лишний отступ сверху у сайта?

#css3 #html5

body {
  background-size: 100% auto;
  margin: 0;
  padding: 0;
}

.первыйбл {
  height: 100vh;
  background: url(http://www.1zoom.me/big2/719/321582-svetik.jpg) no-repeat center
center fixed;
  background-size: cover;
}

  
Загаловок





    

Ответы

Ответ 1

margin-top:0 для h1.



body {
  background-size: 100% auto;
  margin: 0;
  padding: 0;
}

.первыйбл {
  height: 100vh;
  background: url(http://www.1zoom.me/big2/719/321582-svetik.jpg) no-repeat center
center fixed;
  background-size: cover;
}

h1 {
    margin-top: 0;
}

  
Загаловок






Или использовать normalize.css (линк на файл гита)


Ответ 2

Использовал комментарий @DiDex + поправил немного твой код.

Вместо 100vh, попробуй задать странице html,body { height:100%} и тогда высоту блоков
ты можешь не только в vh выражать, но и в %

Так же, может изменить background-size на cover?



html,body{
  height: 100%;
}

body {
  background-size: cover;
  margin: 0; 
  padding: 0;
  }
  
.первыйбл{
  height: 100%;
    background : url(https://www.askwallpapers.com/pic/201502/2560x1600/askwallpapers.com-30818.jpg)
no-repeat center center fixed;
    background-size: cover;
}

h1{
margin:0;
}


    
    
    
    
    


    

        
Загаловок
    




Ответ 3

Запомните, изначально всему сайт задаётся отступ с верху и с левой, если не ошибаюсь
5px. Чтобы убрать эти самые отступы пишется код:



* {
    margin: 0;
    padding: 0;
}




"Звездочка" Означает что все теги изначально не будут иметь отступ.
Уже потом вы можете конкретному классу дать padding/margin и это будет работать. 

Также не мало важно сразу для всех ссылок отключать декорацию с помощью свойства
text-decoration: none; 

Код:



a {
    text-decoration: none;
}




Это означает что изначально у ссылок не будет подчеркивания, а вы сами сможете задать
конкретным ссылкам свойства которые вам нравятся