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

Вопрос задан

Изменён 4 года назад

Просмотрен 338 раз

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;
}
<div>
  <h2>Загаловок</h2>

</div>
  • css3
  • html5

7

Использовал комментарий @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;
}

h2{
margin:0;
}
<html>
<head>
    <meta charset="UTF-8">
    <title>тест</title>
    <!--Начало подключение стилей-->
    <link rel="stylesheet" type="text/css" href="css/главная(стили).css">
    <!--Конец подключение стилей-->
</head>
<body>
    <div>
        <h2>Загаловок</h2>
    </div>
</body>
</html>

4

margin-top:0 для h2.

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; } h2 { margin-top: 0; }
<div>
  <h2>Загаловок</h2>

</div>

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

3

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

* {
    margin: 0;
    padding: 0;
}

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

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

Код:

a {
    text-decoration: none;
}

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

Зарегистрируйтесь или войдите

Регистрация через Google

Регистрация через Facebook

Регистрация через почту

Отправить без регистрации

Почта

Необходима, но никому не показывается

Отправить без регистрации

Почта

Необходима, но никому не показывается

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

html — Как убрать отступ сверху и снизу текста

Вопрос задан

Изменён 3 года назад

Просмотрен 7k раз

Как убрать отступ сверху и снизу текста? Изображение проблемы прилагаеться.

  • html
  • css
  • div
  • style
  • текст

3

При помощи значения line-height.

Описание:

Устанавливает интерлиньяж (межстрочный интервал) текста, отсчет ведется от базовой линии шрифта. При обычных обстоятельствах расстояние между строками зависит от вида и размера шрифта и определяется браузером автоматически. Отрицательное значение межстрочного расстояния не допускается.

Синтаксис:

line-height: множитель | значение | проценты | normal | inherit

Значения:

Любое число больше нуля воспринимается как множитель от размера шрифта текущего текста. Например, значение 1.5 устанавливает полуторный межстрочный интервал. В качестве значений принимаются также любые единицы длины, принятые в CSS — пикселы (px), дюймы (in), пункты (pt) и др. Разрешается использовать процентную запись, в этом случае за 100% берется высота шрифта.

normal Расстояние между строк вычисляется автоматически. inherit Наследует значение родителя.

Подробнее ТУТ

Можно всё таки убрать путём манипуляций margin

и padding. Если отступы, допустим, от верха в контейнере ровны 50рх, то поставте 47 и всё. Просто — 3рч +-2рх.

1

Зарегистрируйтесь или войдите

Регистрация через Google

Регистрация через Facebook

Регистрация через почту

Отправить без регистрации

Почта

Необходима, но никому не показывается

Отправить без регистрации

Почта

Необходима, но никому не показывается

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Удалить все отступы и поля таблицы HTML и CSS

спросил

9 лет, 10 месяцев назад

Изменено 8 месяцев назад

Просмотрено 399 тысяч раз

У меня есть эта таблица:

 <тело>
    <таблица>
        
            свое имя
        
        
            <тд>1
            <тд>2
        
    

 

а вот css

 html, body, #page {
    высота:100%;
    ширина:100%;
    маржа: 0;
    заполнение: 0;
}
# заголовок {
    маржа: 0;
    заполнение: 0;
    высота: 20 пикселей;
    цвет фона: зеленый;
}
 

, и я хочу удалить все поля и отступы, но всегда у меня есть это:

Как я могу решить эту проблему?

  • css
  • html-table
  • margin
  • padding

Попробуйте использовать этот CSS:

 /* Примените это к элементу table.  */
#страница {
   граница коллапса: коллапс;
}
/* И это к элементам `td` вашей таблицы. */
#страница тд {
   заполнение: 0;
   маржа: 0;
}
 

1

Попробуйте это:

 таблица {
интервал между границами: 0;
граница коллапса: коллапс;
}
 

2

Использовать блок отображения

 style= "display: block";
 

Таблицы являются нечетными элементами. В отличие от div у них есть особые правила. Добавьте атрибуты cellpacing и cellpadding , установите значение 0 , и это должно решить проблему.

 <граница таблицы = "0" Cellspacing = "0" CellPadding = "0">
 

1

Попробуйте использовать тело тега, чтобы удалить все необходимые поля и отступы.

 <тело>
    

Я считаю, что наиболее хорошо работающий ответ — это

 . noBorder {
    граница: 0px;
    заполнение: 0;
    маржа: 0;
    граница коллапса: коллапс;
}
 

Удалить отступы между ячейками внутри таблицы. Просто используйте атрибуты cellpadding=0 и Cellspacing=0 в теге таблицы.

1

У меня была точно такая же проблема. Это таблица со свернутыми границами и изображениями Изменение атрибута CSS тега

1

Удалить заполнение слева и справа:

padding:0; маржа: 0;

для заполнения ячейки таблицы remove :

cellpadding : 0; интервал между ячейками: 0;

1

Зарегистрируйтесь или войдите в систему

Зарегистрируйтесь с помощью Google

Зарегистрироваться через Facebook

Зарегистрируйтесь, используя адрес электронной почты и пароль

Опубликовать как гость

Электронная почта

Обязательно, но не отображается

Опубликовать как гость

Электронная почта

Требуется, но не отображается

набивка | CSS-трюки — CSS-трюки

DigitalOcean предоставляет облачные продукты для каждого этапа вашего путешествия. Начните с бесплатного кредита в размере 200 долларов США!

Свойство padding в CSS определяет самую внутреннюю часть блочной модели, создавая пространство вокруг содержимого элемента внутри любых определенных полей и/или границ.

Значения заполнения задаются с использованием длины или процентов и не могут принимать отрицательные значения. Начальное значение или значение по умолчанию для всех свойств заполнения равно 9.0051 0 .

Вот простой пример:

 .box {
  заполнение: 0 1.5em 0 1.5em;
} 

В приведенном выше примере используется сокращенное свойство padding , которое принимает до четырех значений, как показано здесь:

 .box {
  заполнение:  || <заполнение справа> || <нижний отступ> || <отступ слева>
} 

Если установлено менее четырех значений, отсутствующие значения предполагаются на основе тех, которые определены. Например, следующие два набора правил дадут одинаковые результаты:

 . ящик {
  отступ: 0 1.5em;
}
.коробка {
  заполнение: 0 1.5em 0 1.5em;
} 

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

 .box {
  отступ: 20 пикселей;
} 

Если объявлено три значения, это padding: [top] [left-and-right] [bottom]; .

Любое из отдельных свойств заполнения может быть объявлено от руки, и в этом случае вы должны определить только одно значение для каждого свойства. Таким образом, предыдущий пример можно было бы переписать следующим образом:

 .ящик {
  отступы сверху: 20px;
  отступ справа: 20px;
  нижний отступ: 20px;
  отступ слева: 20px;
} 
Расчет заполнения и ширины элемента

Если элемент имеет заданную ширину, любое добавление заполнения к этому элементу будет добавляться к общей ширине элемента. Часто это нежелательный результат, так как он требует, чтобы ширина элемента пересчитывалась каждый раз, когда настраивается отступ. (Обратите внимание, что это также происходит с высотой, но в большинстве случаев предпочтительнее не задавать элементу заданную высоту.)

Например:

 .box {
    отступ: 20 пикселей;
    ширина: 400 пикселей;
} 

В этом примере, несмотря на то, что элементу .box явно задана ширина 400 пикселей, фактическая отображаемая ширина элемента на странице будет равна 440 пикселям. При этом учитывается не только ширина 400px, но также 20px левого отступа и 20px правого отступа (определенного с помощью сокращения в предыдущем примере).

Это происходит для того, чтобы сохранить 400 пикселей пространства для содержимого, а не 400 пикселей общей ширины элемента. Вот ручка, демонстрирующая это:

 Взгляните на эту ручку!

Это происходит во всех используемых браузерах в стандартном режиме, но не происходит в IE6 и IE7 в специальном режиме (то есть на страницах, отображаемых в IE6 или IE7, где не объявлен тип документа или где происходит что-то еще, чтобы вызвать необычный режим).

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *