Отступ

@Oleg9935 · Регистрация: 06.04.2019

Студворк — интернет-сервис помощи студентам

Я изучаю HTML & CSS. Делаю всё как сказано и вот заметил такую ерунду: у меня со всех сторон отступ какой-то.

Светло-зелёным цветом обозначен этот отступ (скрин 1). Как его убрать?

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <title>Учим HTML</title>
    <meta name="description" content="Bla Bla Bla">
    <meta name="keywords" content="Bla,Blo,Bli">
    <link rel="stylesheet" type="text/css" href="css.css">
</head>
<body>
    <article class="article">
        <div id="logo">
            Главная страница
        </div>
    <h1>Главная</h1>
    <h2 style="color: #ABABAB">Интересный текст</h2>
    <a href="reg.html">Регистрация</a>
    <p class="content1">
        <strong>С другой стороны</strong> постоянный количественный рост и сфера нашей активности позволяет оценить значение позиций, занимаемых участниками в отношении поставленных задач. Равным образом сложившаяся структура организации влечет за собой процесс внедрения и модернизации соответствующий условий активизации. <br><br><em>Разнообразный и богатый опыт</em> дальнейшее <strong>развитие</strong> различных форм деятельности в значительной степени обуславливает создание новых предложений. Таким образом реализация намеченных плановых заданий позволяет выполнять важные задания по разработке систем массового участия. Не следует, однако забывать, что сложившаяся структура организации позволяет выполнять важные задания по разработке систем массового участия.
    </p>
    <hr style="color: red; width: 1000px;" align="left">
    <div class="content2">
     <p>
        <strong>Повседневная практика показывает</strong>, что рамки и место обучения кадров в значительной степени обуславливает создание позиций, занимаемых участниками в отношении поставленных задач. Не следует, однако забывать, что начало повседневной работы по формированию позиции в значительной степени обуславливает создание <span style="color: red;" title="KeK">модели развития</span>. <br><br><em>Задача организации</em>, в особенности же рамки и место обучения кадров влечет за собой процесс внедрения и модернизации модели развития. Значимость этих проблем настолько очевидна, что укрепление и развитие структуры обеспечивает широкому кругу (специалистов) участие в формировании модели развития. 
 
        <!--Хыхыхыхыхыыхыхых-->
     </p>
     <p class="note">
        <strong>ВНИМАНИЕ!!! | 1 2 3 4 5 | Спасибо за внимание!</strong> 
     </p>
    </div>
    
       <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/c/c0/Water_drop_impact_on_a_water-surface_-_%282%29.jpg/1200px-Water_drop_impact_on_a_water-surface_-_%282%29.jpg" alt="Вода" width="240" title="Вода">
 
       <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/c/c0/Water_drop_impact_on_a_water-surface_-_%282%29.jpg/1200px-Water_drop_impact_on_a_water-surface_-_%282%29.jpg" alt="Вода" width="240" title="Вода">
 
       <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/c/c0/Water_drop_impact_on_a_water-surface_-_%282%29.jpg/1200px-Water_drop_impact_on_a_water-surface_-_%282%29.jpg" alt="Вода" width="240" title="Вода">
 
       <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/c/c0/Water_drop_impact_on_a_water-surface_-_%282%29.jpg/1200px-Water_drop_impact_on_a_water-surface_-_%282%29.jpg" alt="Вода" width="240" title="Вода">
 
       <br>
 
       <a href="page.html">Дальше>>></a>
        <br><br><br>
        </article>
</body>
</html>

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
.content1 {
    width: 1000px;
    }
 
.color_w {
    color: red;
}
 
.content2 {
    width: 1000px;
}
a:visited {
    color: #FBFBCB;
}
.content1:before {
    content: "!!!"
}
::selection {
    color: #AFE4B0;
    background: black;
}
input:focus {
    background: #AFE4B0;
    border-color: black;
}
p {
    color: #AFE4B0;
    font-family: "Comic Sans MS", sans-serif;
}
h1, h2 {
    font-family: "Comic Sans MS", sans-serif;
}
body {
    background: url(https://cs8.pikabu.ru/post_img/big/2017/05/21/8/149537451012894820.png);
}
#logo {
    font-family: Comic Sans MS, Arial;
    font-size: 30px;
    color: #AFE4B0;
    font-style: italic;
    text-align: center;
    margin-bottom: 26px;
    background: #5C5C5C;
    border-radius: 10px; 
    padding: 15px;
}
.note {
    color: black;
    border: 2px solid black;
    background: white;
    margin-top: 22px;
    margin-bottom: 30px
    padding: 18px;
    text-align: center;
    border-radius: 5px;
}
.article {
    width: 1000px;
    text-align: center;
    margin: 0 auto;
    background: url(http://bgrounds.ru/_include/img/bgs/scratch-lines/water-scratch-lines.png);
}
img {
    border-radius: 10px;
}

@sash23 · 06.04.2019, 22:41

CSS
1
2
3
body {
 margin: 0;
}

@Oleg9935 · 07.04.2019, 00:37 **[ТС]**

Опять тоже самое. Только на других страницах. Файл с CSS везде подключён. В чём проблема?

@mrtoxas · 07.04.2019, 00:47

Чистим кеш, Ctrl+F5

@Oleg9935 · 07.04.2019, 00:49 **[ТС]**

Сообщение от mrtoxas

Чистим кеш, Ctrl+F5

Не помогло

@BioRenGen · 07.04.2019, 00:55

используйте reset css. в частности можете прописать в начале css файла

CSS
1
*{margin:0; padding:0;}

@Oleg9935 · 07.04.2019, 00:55 **[ТС]**

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <title>Вторая страница</title>
    <link rel="stylesheet" type="text/css" href="css.css">
</head>
<body>
    <article>
    <h1>Текст</h1>
    <a href="#2">Второй заголовок</a>
    <p style="width: 1000px">
        Значимость этих проблем настолько очевидна, что дальнейшее развитие различных форм деятельности позволяет оценить значение дальнейших направлений развития. Таким образом постоянный количественный рост и сфера нашей активности позволяет выполнять важные задания по разработке модели развития. Равным образом начало повседневной работы по формированию позиции позволяет оценить значение новых предложений. Идейные соображения высшего порядка, а также начало повседневной работы по формированию позиции влечет за собой процесс внедрения и модернизации существенных финансовых и административных условий. Не следует, однако забывать, что постоянное информационно-пропагандистское обеспечение нашей деятельности требуют определения и уточнения позиций, занимаемых участниками в отношении поставленных задач. Идейные соображения высшего порядка, а также сложившаяся структура организации обеспечивает широкому кругу (специалистов) участие в формировании существенных финансовых и административных условий. 
    </p><br>
    <p>
        Идейные соображения высшего порядка, а также рамки и место обучения кадров позволяет оценить значение дальнейших направлений развития. Идейные соображения высшего порядка, а также консультация с широким активом в значительной степени обуславливает создание направлений прогрессивного развития. Идейные соображения высшего порядка, а также начало повседневной работы по формированию позиции обеспечивает широкому кругу (специалистов) участие в формировании направлений прогрессивного развития. С другой стороны консультация с широким активом обеспечивает широкому кругу (специалистов) участие в формировании новых предложений. Значимость этих проблем настолько очевидна, что сложившаяся структура организации способствует подготовки и реализации системы обучения кадров, соответствует насущным потребностям. Таким образом реализация намеченных плановых заданий позволяет оценить значение новых предложений. 
    </p>
    <p>
        Значимость этих проблем настолько очевидна, что реализация намеченных плановых заданий обеспечивает широкому кругу (специалистов) участие в формировании дальнейших направлений развития. С другой стороны укрепление и развитие структуры играет важную роль в формировании позиций, занимаемых участниками в отношении поставленных задач. 
    </p>
    <p>
        Не следует, однако забывать, что постоянный количественный рост и сфера нашей активности играет важную роль в формировании направлений прогрессивного развития. С другой стороны консультация с широким активом в значительной степени обуславливает создание форм развития. Идейные соображения высшего порядка, а также сложившаяся структура организации способствует подготовки и реализации дальнейших направлений развития. Значимость этих проблем настолько очевидна, что укрепление и развитие структуры требуют определения и уточнения модели развития. Идейные соображения высшего порядка, а также начало повседневной работы по формированию позиции обеспечивает широкому кругу (специалистов) участие в формировании дальнейших направлений развития. 
    </p>
    <p>
        Таким образом реализация намеченных плановых заданий обеспечивает широкому кругу (специалистов) участие в формировании модели развития. Не следует, однако забывать, что дальнейшее развитие различных форм деятельности требуют определения и уточнения позиций, занимаемых участниками в отношении поставленных задач. Идейные соображения высшего порядка, а также дальнейшее развитие различных форм деятельности влечет за собой процесс внедрения и модернизации дальнейших направлений развития. Равным образом сложившаяся структура организации требуют определения и уточнения направлений прогрессивного развития. 
    </p>
    <p>
        Повседневная практика показывает, что постоянное информационно-пропагандистское обеспечение нашей деятельности способствует подготовки и реализации дальнейших направлений развития. Товарищи! консультация с широким активом в значительной степени обуславливает создание новых предложений. Идейные соображения высшего порядка, а также новая модель организационной деятельности способствует подготовки и реализации соответствующий условий активизации. Разнообразный и богатый опыт новая модель организационной деятельности позволяет выполнять важные задания по разработке форм развития. Значимость этих проблем настолько очевидна, что начало повседневной работы по формированию позиции играет важную роль в формировании новых предложений. Таким образом постоянное информационно-пропагандистское обеспечение нашей деятельности позволяет выполнять важные задания по разработке модели развития. 
    </p>
        <p>
        Повседневная практика показывает, что постоянное информационно-пропагандистское обеспечение нашей деятельности способствует подготовки и реализации дальнейших направлений развития. Товарищи! консультация с широким активом в значительной степени обуславливает создание новых предложений. Идейные соображения высшего порядка, а также новая модель организационной деятельности способствует подготовки и реализации соответствующий условий активизации. Разнообразный и богатый опыт новая модель организационной деятельности позволяет выполнять важные задания по разработке форм развития. Значимость этих проблем настолько очевидна, что начало повседневной работы по формированию позиции играет важную роль в формировании новых предложений. Таким образом постоянное информационно-пропагандистское обеспечение нашей деятельности позволяет выполнять важные задания по разработке модели развития. 
    </p>
        <p>
        Повседневная практика показывает, что постоянное информационно-пропагандистское обеспечение нашей деятельности способствует подготовки и реализации дальнейших направлений развития. Товарищи! консультация с широким активом в значительной степени обуславливает создание новых предложений. Идейные соображения высшего порядка, а также новая модель организационной деятельности способствует подготовки и реализации соответствующий условий активизации. Разнообразный и богатый опыт новая модель организационной деятельности позволяет выполнять важные задания по разработке форм развития. Значимость этих проблем настолько очевидна, что начало повседневной работы по формированию позиции играет важную роль в формировании новых предложений. Таким образом постоянное информационно-пропагандистское обеспечение нашей деятельности позволяет выполнять важные задания по разработке модели развития. 
    </p>
        <p>
        Повседневная практика показывает, что постоянное информационно-пропагандистское обеспечение нашей деятельности способствует подготовки и реализации дальнейших направлений развития. Товарищи! консультация с широким активом в значительной степени обуславливает создание новых предложений. Идейные соображения высшего порядка, а также новая модель организационной деятельности способствует подготовки и реализации соответствующий условий активизации. Разнообразный и богатый опыт новая модель организационной деятельности позволяет выполнять важные задания по разработке форм развития. Значимость этих проблем настолько очевидна, что начало повседневной работы по формированию позиции играет важную роль в формировании новых предложений. Таким образом постоянное информационно-пропагандистское обеспечение нашей деятельности позволяет выполнять важные задания по разработке модели развития. 
    </p>
    <h2 id="2">Второй заголовок</h2>
        <p>
        Повседневная практика показывает, что постоянное информационно-пропагандистское обеспечение нашей деятельности способствует подготовки и реализации дальнейших направлений развития. Товарищи! консультация с широким активом в значительной степени обуславливает создание новых предложений. Идейные соображения высшего порядка, а также новая модель организационной деятельности способствует подготовки и реализации соответствующий условий активизации. Разнообразный и богатый опыт новая модель организационной деятельности позволяет выполнять важные задания по разработке форм развития. Значимость этих проблем настолько очевидна, что начало повседневной работы по формированию позиции играет важную роль в формировании новых предложений. Таким образом постоянное информационно-пропагандистское обеспечение нашей деятельности позволяет выполнять важные задания по разработке модели развития. 
    </p>
        <p>
        Повседневная практика показывает, что постоянное информационно-пропагандистское обеспечение нашей деятельности способствует подготовки и реализации дальнейших направлений развития. Товарищи! консультация с широким активом в значительной степени обуславливает создание новых предложений. Идейные соображения высшего порядка, а также новая модель организационной деятельности способствует подготовки и реализации соответствующий условий активизации. Разнообразный и богатый опыт новая модель организационной деятельности позволяет выполнять важные задания по разработке форм развития. Значимость этих проблем настолько очевидна, что начало повседневной работы по формированию позиции играет важную роль в формировании новых предложений. Таким образом постоянное информационно-пропагандистское обеспечение нашей деятельности позволяет выполнять важные задания по разработке модели развития. 
    </p>
        <p>
        Повседневная практика показывает, что постоянное информационно-пропагандистское обеспечение нашей деятельности способствует подготовки и реализации дальнейших направлений развития. Товарищи! консультация с широким активом в значительной степени обуславливает создание новых предложений. Идейные соображения высшего порядка, а также новая модель организационной деятельности способствует подготовки и реализации соответствующий условий активизации. Разнообразный и богатый опыт новая модель организационной деятельности позволяет выполнять важные задания по разработке форм развития. Значимость этих проблем настолько очевидна, что начало повседневной работы по формированию позиции играет важную роль в формировании новых предложений. Таким образом постоянное информационно-пропагандистское обеспечение нашей деятельности позволяет выполнять важные задания по разработке модели развития. 
    </p>
        <p>
        Повседневная практика показывает, что постоянное информационно-пропагандистское обеспечение нашей деятельности способствует подготовки и реализации дальнейших направлений развития. Товарищи! консультация с широким активом в значительной степени обуславливает создание новых предложений. Идейные соображения высшего порядка, а также новая модель организационной деятельности способствует подготовки и реализации соответствующий условий активизации. Разнообразный и богатый опыт новая модель организационной деятельности позволяет выполнять важные задания по разработке форм развития. Значимость этих проблем настолько очевидна, что начало повседневной работы по формированию позиции играет важную роль в формировании новых предложений. Таким образом постоянное информационно-пропагандистское обеспечение нашей деятельности позволяет выполнять важные задания по разработке модели развития. 
    </p>
        <p>
        Повседневная практика показывает, что постоянное информационно-пропагандистское обеспечение нашей деятельности способствует подготовки и реализации дальнейших направлений развития. Товарищи! консультация с широким активом в значительной степени обуславливает создание новых предложений. Идейные соображения высшего порядка, а также новая модель организационной деятельности способствует подготовки и реализации соответствующий условий активизации. Разнообразный и богатый опыт новая модель организационной деятельности позволяет выполнять важные задания по разработке форм развития. Значимость этих проблем настолько очевидна, что начало повседневной работы по формированию позиции играет важную роль в формировании новых предложений. Таким образом постоянное информационно-пропагандистское обеспечение нашей деятельности позволяет выполнять важные задания по разработке модели развития. 
    </p>
        <p>
        Повседневная практика показывает, что постоянное информационно-пропагандистское обеспечение нашей деятельности способствует подготовки и реализации дальнейших направлений развития. Товарищи! консультация с широким активом в значительной степени обуславливает создание новых предложений. Идейные соображения высшего порядка, а также новая модель организационной деятельности способствует подготовки и реализации соответствующий условий активизации. Разнообразный и богатый опыт новая модель организационной деятельности позволяет выполнять важные задания по разработке форм развития. Значимость этих проблем настолько очевидна, что начало повседневной работы по формированию позиции играет важную роль в формировании новых предложений. Таким образом постоянное информационно-пропагандистское обеспечение нашей деятельности позволяет выполнять важные задания по разработке модели развития. 
    </p>
        <p>
        Повседневная практика показывает, что постоянное информационно-пропагандистское обеспечение нашей деятельности способствует подготовки и реализации дальнейших направлений развития. Товарищи! консультация с широким активом в значительной степени обуславливает создание новых предложений. Идейные соображения высшего порядка, а также новая модель организационной деятельности способствует подготовки и реализации соответствующий условий активизации. Разнообразный и богатый опыт новая модель организационной деятельности позволяет выполнять важные задания по разработке форм развития. Значимость этих проблем настолько очевидна, что начало повседневной работы по формированию позиции играет важную роль в формировании новых предложений. Таким образом постоянное информационно-пропагандистское обеспечение нашей деятельности позволяет выполнять важные задания по разработке модели развития. 
    </p>
        <p>
        Повседневная практика показывает, что постоянное информационно-пропагандистское обеспечение нашей деятельности способствует подготовки и реализации дальнейших направлений развития. Товарищи! консультация с широким активом в значительной степени обуславливает создание новых предложений. Идейные соображения высшего порядка, а также новая модель организационной деятельности способствует подготовки и реализации соответствующий условий активизации. Разнообразный и богатый опыт новая модель организационной деятельности позволяет выполнять важные задания по разработке форм развития. Значимость этих проблем настолько очевидна, что начало повседневной работы по формированию позиции играет важную роль в формировании новых предложений. Таким образом постоянное информационно-пропагандистское обеспечение нашей деятельности позволяет выполнять важные задания по разработке модели развития. 
    </p>
        <p>
        Повседневная практика показывает, что постоянное информационно-пропагандистское обеспечение нашей деятельности способствует подготовки и реализации дальнейших направлений развития. Товарищи! консультация с широким активом в значительной степени обуславливает создание новых предложений. Идейные соображения высшего порядка, а также новая модель организационной деятельности способствует подготовки и реализации соответствующий условий активизации. Разнообразный и богатый опыт новая модель организационной деятельности позволяет выполнять важные задания по разработке форм развития. Значимость этих проблем настолько очевидна, что начало повседневной работы по формированию позиции играет важную роль в формировании новых предложений. Таким образом постоянное информационно-пропагандистское обеспечение нашей деятельности позволяет выполнять важные задания по разработке модели развития. 
    </p>
        <p>
        Повседневная практика показывает, что постоянное информационно-пропагандистское обеспечение нашей деятельности способствует подготовки и реализации дальнейших направлений развития. Товарищи! консультация с широким активом в значительной степени обуславливает создание новых предложений. Идейные соображения высшего порядка, а также новая модель организационной деятельности способствует подготовки и реализации соответствующий условий активизации. Разнообразный и богатый опыт новая модель организационной деятельности позволяет выполнять важные задания по разработке форм развития. Значимость этих проблем настолько очевидна, что начало повседневной работы по формированию позиции играет важную роль в формировании новых предложений. Таким образом постоянное информационно-пропагандистское обеспечение нашей деятельности позволяет выполнять важные задания по разработке модели развития. 
    </p>
    <a href="index.html">Обратно</a>
    </article>
</body>
</html>

@mrtoxas · 07.04.2019, 01:12

CSS
1
2
3
4
5
6
body{
  margin:0;
}
article{
  overflow: hidden;
}

Или убирайте margin-top у первого h1

К прочтению:
http://htmlbook.ru:8080/samlay... ya-otstupy

Новые блоги и статьи Все статьи Все блоги /
Первый деплой lagorue 16.01.2026 Не спеша развернул своё 1ое приложение в kubernetes. А дальше мне интересно создать 1фронтэнд приложения и 2 бэкэнд приложения развернуть 2 деплоя в кубере получится 2 сервиса и что-бы они. . .	Расчёт переходных процессов в цепи постоянного тока igorrr37 16.01.2026 / * Дана цепь постоянного тока с R, L, C, k(ключ), U, E, J. Программа составляет систему уравнений по 1 и 2 законам Кирхгофа, решает её и находит токи на L и напряжения на C в установ. режимах до и. . .	Восстановить юзерскрипты Greasemonkey из бэкапа браузера damix 15.01.2026 Если восстановить из бэкапа профиль Firefox после переустановки винды, то список юзерскриптов в Greasemonkey будет пустым. Но восстановить их можно так. Для этого понадобится консольная утилита. . .	Изучаю kubernetes lagorue 13.01.2026 А пригодятся-ли мне знания kubernetes в России?
Сукцессия микоризы: основная теория в виде двух уравнений. anaschu 11.01.2026 https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/	WordPad для Windows 11 Jel 10.01.2026 WordPad для Windows 11 — это приложение, которое восстанавливает классический текстовый редактор WordPad в операционной системе Windows 11. После того как Microsoft исключила WordPad из. . .	Classic Notepad for Windows 11 Jel 10.01.2026 Old Classic Notepad for Windows 11 Приложение для Windows 11, позволяющее пользователям вернуть классическую версию текстового редактора «Блокнот» из Windows 10. Программа предоставляет более. . .	Почему дизайн решает? Neotwalker 09.01.2026 В современном мире, где конкуренция за внимание потребителя достигла пика, дизайн становится мощным инструментом для успеха бренда. Это не просто красивый внешний вид продукта или сайта — это. . .

Отступ

Решение

Решение

@Oleg9935 0 / 0 / 0 Регистрация: 06.04.2019 Сообщений: 5
	07.04.2019, 00:37 [ТС]
	Опять тоже самое. Только на других страницах. Файл с CSS везде подключён. В чём проблема? 0

@mrtoxas 3827 / 2677 / 1521 Регистрация: 12.07.2015 Сообщений: 6,672 Записей в блоге: 4
	07.04.2019, 00:47
	Чистим кеш, Ctrl+F5 0