Zmiana odstępów między akapitami i wewnątrz akapitów

Zmiana Odstepow Miedzy Akapitami I Wewnatrz Akapitow



HTML to język znaczników, który oferuje wiele elementów tworzących strukturę serwisu. CSS obsługuje HTML w taki sposób, że zapewnia różne właściwości stylu i położenia elementów HTML. Mówiąc dokładniej, kod HTML „

Element ” określa akapit w dokumencie. Akapity można dostosować za pomocą właściwości CSS, takich jak „ margines ”, „ Wysokość linii ”, „ odstępy między wyrazami ', i wiele więcej.

Ten zapis poinstruuje Cię:

Warunek wstępny: Utwórz plik HTML

Stronę HTML można utworzyć, postępując zgodnie z instrukcjami:







  • Dodaj dwa „

    ” w pliku HTML.

  • Przypisz identyfikatory jako „ ust. 1 ' oraz ' ust. 2 ”, odpowiednio.
  • Określ treść akapitów w nich, jak podano poniżej:
< dz klasa = 'treść' >

< p klasa = 'para1' >

Ludzie sukcesu po prostu wkładają dużo wysiłku i osiągają cel; nie mają naturalnego talentu.

Ludzie sukcesu po prostu wkładają dużo wysiłku i osiągają cel; nie mają naturalnego talentu. < / p >

< p klasa = „para2” >

Ludzie sukcesu po prostu wkładają dużo wysiłku i osiągają cel; nie mają naturalnego talentu.

Ludzie sukcesu po prostu wkładają dużo wysiłku i osiągają cel; nie mają naturalnego talentu. < / p >

< / dz >

Wyjście





Jak zmienić odstępy między akapitami w CSS?

margines ” może dodawać spacje między akapitami. Ponadto korzystając z „ margines-dolny ” byłoby dobrym wyborem w tym przypadku.





Dodajmy właściwość obramowania, aby uwypuklić przestrzeń marginesu.

Styl „para1” Klasa

ust.1 {

granica : 1 piks solidny szary ;

margines-dolny : 70px ;

}

ust.1 ” służy do uzyskiwania dostępu do elementu

o identyfikatorze „ ust. 1 ” i zastosuj następujące właściwości:



  • granica ” jest stosowana z wartością szerokości obramowania, stylu i koloru ustawia obramowanie wokół akapitu.
  • margines-dolny ” dodaje miejsce na dole akapitu.

Klasa stylu „para2”.

ust.2 {

granica : 1 piks solidny szary ;

}

”element posiadający id” ust. 2 ” jest również stosowany z obramowaniem za pomocą CSS „ granica ' własność.

Można zauważyć, że spacje zostały pomyślnie dodane między akapitami:

Jak zmienić odstępy między akapitami w CSS?

CSS” Wysokość linii ” służy do dodawania spacji między wierszami akapitu.

Aby to zrobić, dodaj właściwość line-height do „

”element posiadający id” ust. 1 ”:

wysokość linii: 2;

Wyjście

Chodziło o zmianę odstępów między akapitami.

Wniosek

Aby zmienić odstępy między akapitami, najpierw dodaj akapity w pliku HTML, używając „

' element. Następnie kod CSS „ margines-dolny ” służy do dodawania odstępów między akapitami. CSS” Wysokość linii ” dodaje spacje wewnątrz akapitów. W tym poście omówiono procedurę zmiany odstępów między akapitami i wewnątrz akapitów.