Как задать отступ

Значительно чаще для указания размеров отступов в HTML-страницах применяют возможности языка CSS (Cascading Style Sheets — «Каскадные таблицы стилей»). Не смотря на то, что и в самом языке HTML имеется пара «рудиментарных» остатков, разрешающих в некоторых случаях задавать отступы. Ниже приведены варианты, каковые употребляются чаще всего, но не считая них имеется еще достаточно большое количество разнообразные уловок, каковые разрешают задавать отступы при нестандартной разметке HTML-документов.

Как задать отступ

Вопрос « Фотошоп CS3» — 1ответ
Вам пригодится

  • Базисные знания языков HTML и CSS

Инструкция
1
Выясните элемент страницы, от которого направляться отсчитывать отступ. К примеру, в случае если текст помещен вовнутрь тега…(блок), то родительским элементом для этого текста будет данный блок и отсчитывать отступ необходимо от границ блока. А вдруг текст (либо изображение) не находится в каких-либо блочных (div, li и т.д.) либо строчных (span, p и т.д.) элементов, то его родителем будет тело документа (тег body).

Выяснить родительский элемент для текста нужно потому, что именно ему нужно задавать описания стилей, формирующие отступы. Будем вычислять, что текст у вас помещен вовнутрь блока div:Пример текста
2
Применяйте свойство margin языка CSS, дабы задать внешние отступы, другими словами расстояние от границ элемента до соседних элементов, и до границ родительского элемента.

Это расстояние возможно задавать раздельно для отступа с каждой стороны: margin-top — сверху, margin-right — справа, margin-bottom — снизу, margin-left — слева. Для примера, вышеприведенного таковой css-код может смотреться, к примеру, так:div { margin-top: 10px; margin-right: 15px; margin-bottom: 40px; margin-left: 70px;}Тут «div» — это селектор, что показывает, что данный стиль нужно использовать ко всем тегам div в коде документа.Синтаксис CSS разрешает объединить все четыре строки в одну:div { margin: 10px 15px 40px 70px;}Значения отступов неизменно нужно показывать как раз в таком порядке: сперва — сверху, после этого — справа, снизу и слева.В случае если отступы однообразны со всех сторон, то достаточно указать значение один раз:div { margin: 70px;}Помимо этого, возможно задать плавающий внешний отступ по горизонтали (другими словами слева и справа).

Это не редкость крайне полезно, в то время, когда нужно установить блок заданной ширины совершенно верно по центру окна браузера. Браузер сам машинально определяет каким должен быть отступ с обоих сторон, в случае если написать такую CSS-инструкцию:div { margin: 0 auto;}
3
Применяйте свойство padding, дабы задать внутренние отступы, другими словами расстояние от границ элемента до любых помещенных вовнутрь него элементов, включая текст.

Синтаксис написания у этого свойства совершенно верно такой же, как и у свойства margin:div { padding-top: 10px; padding-right: 15px; padding-bottom: 40px; padding-left: 70px;}Илиdiv { padding: 10px 15px 40px 70px;}
4
Применяйте свойство text-indent, дабы задать дополнительный отступ для первой строки каждого абзаца текста. К примеру:div { text-indent: 80px;}
5
Применяйте атрибуты hspace и vspace HTML-тега img, дабы задать, соответственно, горизонтальный и вертикальный отступ от картины до внешних элементов.

К примеру, так:
6
Применяйте атрибут cellpadding тега table, в случае если необходимо задать отступ от границ ячеек в таблице до их содержимого. А атрибут cellspacing задает отступ между ячейками таблицы. К примеру:

1 2

Как сделать абзацный отступ в ворде (word)


Темы которые будут Вам интересны: