Отступы и поля
Между заголовком и основным текстом слишком большой отступ, как его уменьшить?
К абзацу (тег
) и заголовку (тег ) автоматически добавляется верхний и нижний отступы, которые в сумме и дают большое расстояние между заголовком и текстом. Чтобы уменьшить величину отступа надо явно добавить свойство margin-bottom к селектору H1 . Причем можно установить положительное, нулевое или отрицательное значение. Таким способом легко задавать желаемое значение отступа.
Как мне для каждого абзаца добавить отступ первой строки?
Когда требуется установить абзацный отступ, лучше всего использовать стилевое свойство text-indent . Его значение определяет насколько сдвинуть текст первой строки вправо от исходного положения. Ширина текстового блока при этом не меняется и остается исходно заданной. Величину отступа можно указывать в пикселах, процентах или других доступных единицах (пример 1).
Как убрать отступы и поля у всех элементов на странице?
Чтобы обнулить отступы и поля у всех элементов на странице, используйте стилевые свойства margin и padding с нулевыми значениями, добавляя их к универсальному селектору * .
Как изменить расстояние между абзацами текста?
При использовании тега
автоматически добавляются отступы сверху и снизу от текстового абзаца. Это сделано для того, чтобы визуально отделить один блок текста от следующего. Понятно, что значения отступов, которые заданы по умолчанию, устраивают не всегда, поэтому иногда их приходится уменьшать или увеличивать. Для этого можно использовать универсальное свойство margin , оно определяет отступы со всех сторон абзаца или margin-top для отступа сверху и margin-bottom — для отступа снизу.
Как убрать отступы вокруг формы?
При добавлении формы через тег вокруг нее сверху и снизу автоматически добавляются отступы. Чтобы их убрать, используйте стилевое свойство margin с нулевым значением, добавляя его к селектору FORM .
Как изменить отступы на веб-странице?
Отступы на веб-странице хотя и не видны, но не позволяют содержимому плотно прилегать к краям окна браузера, чтобы обеспечивать комфортность чтения. Свое собственное значение отступов можно установить, изменяя значения свойства margin у селектора body .
HTML — Скрыть текст и код
Вопрос глупый, но ответа я найти не смог. (Либо я плохо искал. ) Вот у меня есть сайт, там две ссылки, одна скрытая при помощи display:none но код ссылки остается открытый, и её можно просмотреть, возможно ли как то скрыть её код? + Кратко говоря, нужно сделать что бы HTML код элемента не был виден при его просмотре в браузере. Как это реализовать?
Отслеживать
задан 30 мар 2018 в 21:29
75 10 10 бронзовых знаков
о каком «коде ссылки» идет речь?
30 мар 2018 в 21:31
Обычная ссылка: .
30 мар 2018 в 21:40
Можете показать пример, что есть и как должно быть, либо набросок сделать?
30 мар 2018 в 21:43
странно, у меня нету никакого кода, ссылка скрыта и все
30 мар 2018 в 21:54
Суть в том, что автор имел ввиду, что у него есть 2 ссылки, одна должна не просто скрываться от пользователя визуально, но и исчезать из кода. display:none скрывает элемент визуально, но не врезает ее из кода. Как уже дан ответ, то полностью вырезать можно только при помощи js-кода, либо через back-end, например, при помощи PHP. HTML и CSS не дают возможностей для «вырезания» кусков кода подобным образом.
Как скрыть строку html
Чтобы скрыть строку HTML, можно использовать CSS свойство display и установить его значение равным none. Вот несколько способов скрыть строку HTML:
Используя инлайн-стили:
style="display: none;">Эта строка будет скрыта Используя класс:
class="hidden">Эта строка будет скрыта .hidden display: none; > Используя идентификатор:
id="hidden-text">Эта строка будет скрыта #hidden-text display: none; > Используя псевдокласс :hidden :
class="hidden">Эта строка будет скрыта .hidden display: none; > p:hidden color: red; > В этом примере строка текста будет скрыта, но ее содержимое все еще будет доступно для программного обращения. Обратите внимание, что скрыть строку HTML с помощью CSS свойства display также может изменить расположение остальных элементов на странице, поэтому вам может понадобиться добавить дополнительные стили для корректной компоновки.
Лучший способ пропустить строку в HTML?
Я читал и посещал множество веб-сайтов, но ни один из них не предоставил мне простое решение. Что я хочу знать, это лучший способ добавить/пропустить строку в html? В основном я использую два тега
, но я знаю, что есть более простое решение проблемы. Есть ли способ пропустить строку, используя css, вместо этого:
Hello.
This is a test
Lebone 23 дек. 2015, в 09:26
Поделиться
что насчет css: margin-bottom?
ItayB 23 дек. 2015, в 08:11
Используйте теги . Введите текст, который вы хотите показать на странице внутри тегов
Akshey Bhat 23 дек. 2015, в 08:14
@ItayB magin-bottom? Я не думаю, что это чистый и правильный способ сделать это.
Lebone 23 дек. 2015, в 08:19
@AksheyBhat Я согласен,
- это определенно то, что вам нужно, если ваш текст содержит некоторые разрывы строк.
Anwar 23 дек. 2015, в 08:22
@Lebone Есть много способов достичь своей цели. Вы спрашиваете о решении CSS, одно из решений CSS, которое я предложил ..
ItayB 23 дек. 2015, в 08:24
Показать ещё 3 комментария
Поделиться:
7 ответов
Лучший ответ
Вы можете просто использовать два отдельных абзаца (
). Например:
Hello.
This is a test
nicost 23 дек. 2015, в 10:07
Поделиться
Легко и просто. Спасибо.
Lebone 23 дек. 2015, в 08:21
Я думаю, что использование ярлыка br всегда — плохая идея. Попробуйте использовать абзацы, css padding, css margin, hr. Попробуйте избегать br, потому что это не semantic и использование соответствующего тега на вашем сайте «помогает поисковым системам» «понять ваш сайт»
Szántó Zoltán 23 дек. 2015, в 09:54
Поделиться
Семантически, это зависит от вашей цели. Делайте все возможное в ситуации. Некоторые примеры.
-
Если вам буквально нужно пропустить строку, то есть иметь пустую строку, в которой ничего нет в тексте, тогда обязательно используйте два элемента
.
This is one line of text
This is also one line of text
The next line happens to be empty
And here is another line, not empty
Add the water to the recipe
Add the salt
Note: stir thoroughly!
This is some text
This is some unrelated text The last line of the previous section Introduction
The fist line of the next section section . . The last line of the previous section The fist line of the next section .