lightanddesign.ru
You might also like
Доброе утро дорогие друзья, читатели моего блога! Макс Метелев снова в сети, и сегодня мы продолжаем создавать веб-страницы. В частности, мы обсудим, как делать отступы текста в HTML-документах.
Существует два типа отступов для того, чтобы наши страницы, а точнее их содержимое, не прилипали к границам сайта. К ним относятся.
Краткое описание этих двух особенностей CSS.
Свойство margin позволяет нам делать отступы для целых блоков содержимого. В конце концов, мы разрабатываем сайт с div-макетом, поэтому веб-страница представляет собой набор различных блоков (так называемых "строительных блоков"), которые мы перемещаем по мере необходимости. Блоки можно перемещать вверх и вниз, вверх и вниз. Маржа имеет следующие характеристики
- margin-right- (обрамление правой стороны и отступы элементов html)
- Margin-left- (отступ элементов html влево)
- Margin-bottom- (создает html-элементы внизу)
- Margin-top- (отступ html-элементов к верху)
Отступ между изображениями теперь составляет 150px
Код импорта выглядит следующим образом
Как сделать отступ html текста с помощью атрибута padding
Атрибут padding позволяет тексту и другому содержимому свободно перемещаться внутри блока. Вот как это выглядит на фотографиях
Здесь видно, что между изображением и текстом имеется 30px прокладки.
Исходный код для импорта выглядит следующим образом.
< p >"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut Labore et doloremagnaaliqua. utenimad minim veniam,. quis nostrud exercitation ullamco Laboris nisi ut aliquip ex eacommodoconsequat. velit esse cillum dolore eu fugiatnullapariatur. Excepteursintoccaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim idestlaborum."
"Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasiarchitecto beatae vitae dictasuntexplicabo. consequuntur magni dolores eos qui ratione voluptatemsequinesciunt. Nequeporroquisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut Labore et quis nostrum exercitationem ullam corporis suscipit labiosam, nisi ut aliquid ex ea commodi consequatur? quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui do
Но я должен объяснить вам, как возникла вся эта ложная идея осуждения удовольствия и прославления боли, и я дам вам полное объяснение этой системы и расскажу о настоящем учении великого исследователя и архитектора истины, который отвергал удовольствие как таковое только потому, что это удовольствие Его не нужно отвергать, не любить или избегать, но те, кто не знает, как рационально стремиться к удовольствию, сталкиваются с очень болезненными последствиями. Это боль, но она сама по себе приобретает боль, ибо иногда возникают ситуации, в которых боль и страдания приносят ему огромное удовольствие. Но кто имеет право осуждать человека, который выбирает удовольствие, не приносящее неприятных последствий, или избегает боли, которая в результате не приносит удовольствия?".
"Bello eosetaccusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atquecorrupti quos dolores et quas molestiasexcepturi sint occaecati cupiditate non Provident, similique sunt in culpa qui officia deserunt mollit rerum facilis est etexpeditadistinguious. ut et voluptates repudiandae sint et molestiaenonrecusandae. itaqueearumrerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribusasperioresrepellat’.
С другой стороны, мы возмущаемся и ненавидим людей, которых прельщают сиюминутные удовольствия, ослепленных желанием и неспособных предвидеть боль и страдания, которые непременно последуют за ними, — и та же вина лежит на тех, кто по слабости воли не выполняет свой долг, как мы говорим, избегает боли и страданий. Эти случаи совершенно просты и легко разделимы. В свободное время, когда наш выбор не ограничен и ничто не мешает нам делать то, что мы любим больше всего, мы должны приветствовать любое удовольствие и избегать любой боли. Отречение и досада принимаются. В этих вопросах всегда действует принцип выбора: он отказывается от удовольствия, чтобы получить другое, более сильное удовольствие, или терпит боль, чтобы избежать еще большей боли".< / p >
Как и у полей, у отступов есть свои свойства. Они следующие.
- Отступы — справа (html)
- Отступ — слева (htmlапоступслева)
- Padding-top (htmlапоступслева)
- Padding-bottom (htmlапоступслева)
Вы также можете попробовать не наносить линии, если вам нужно нанести их только на одну точку. Это можно сделать самым простым способом — добавить html-код в текст. Выглядитон-  следующим образом.
Все эти методы работают и часто используются. Не забывайте использовать padding, если вы хотите избежать внутренних блоков, а поля пригодятся, если вы хотите "двигать" экран.
Теперь давайте потренируемся. В этом уроке вы создадите изображение из любого текста. Исходники этой статьи вы можете получить напрямую или скачать на свой компьютер для обучения.
