Изменение интервала между абзацами и внутри абзацев

Izmenenie Intervala Mezdu Abzacami I Vnutri Abzacev



HTML — это язык разметки, который предлагает множество элементов, создающих структуру веб-сайта. CSS поддерживает HTML таким образом, что он обеспечивает различные свойства стиля и положения для элементов HTML. В частности, HTML «

Элемент определяет абзац в документе. Абзацы можно настроить с помощью свойств CSS, таких как « прибыль », « высота линии », « межсловный интервал ', и многое другое.

Эта запись научит вас:

Предварительное условие: создать HTML-файл

HTML-страницу можно создать, следуя инструкциям:







  • Добавьте два '

    ” в файле HTML.

  • Назначить идентификаторы как « пункт 1 ' и ' пункт 2 ', соответственно.
  • Укажите содержимое абзаца в них, как указано ниже:
< див класс знак равно 'содержание' >

< п класс знак равно 'пара1' >

Успешные люди просто прилагают много усилий и достигают цели; у них нет природного таланта.

Успешные люди просто прилагают много усилий и достигают цели; у них нет природного таланта. < / п >

< п класс знак равно 'пара2' >

Успешные люди просто прилагают много усилий и достигают цели; у них нет природного таланта.

Успешные люди просто прилагают много усилий и достигают цели; у них нет природного таланта. < / п >

< / див >

Вывод





Как изменить интервал между абзацами в CSS?

прибыль ” может добавлять пробелы между абзацами. Кроме того, с помощью « нижняя граница ” недвижимость будет хорошим выбором в этом случае.





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

Стиль «пара1» Класс

.para1 {

граница : 1 пиксель твердый серый ;

нижняя граница : 70 пикселей ;

}

.para1 ” используется для доступа к элементу

с идентификатором “ пункт 1 ” и примените следующие свойства:



  • граница ” применяется со значением ширины границы, стиля и цвета, задающих границу вокруг абзаца.
  • нижняя граница ” добавляет пространство внизу абзаца.

Стиль «пара2» Класс

.пара2 {

граница : 1 пиксель твердый серый ;

}

' элемент с идентификатором ' пункт 2 ” также применяется с рамкой с помощью CSS “ граница ' имущество.

Можно заметить, что пробелы были успешно добавлены между абзацами:

Как изменить интервал внутри абзацев в CSS?

CSS « высота линии ” используется для добавления пробелов между строками абзаца.

Для этого добавьте свойство line-height в «

'элемент с идентификатором' пункт 1 ”:

высота строки: 2;

Вывод

Все дело в изменении пробелов между абзацами.

Заключение

Чтобы изменить интервалы между абзацами, сначала добавьте абзацы в HTML-файл, используя «

элемент. Затем CSS « нижняя граница ” используется для добавления пространства между абзацами. CSS « высота линии ” добавляет пробелы внутри абзацев. В этом посте подробно описана процедура изменения интервала между абзацами и внутри абзацев.