Style HTML

Style HTML
HTML oferuje atrybut stylu do wdrożenia różnych stylów e.G. kolor tła, czcionka itp. na elementach HTML. Wykorzystuje różne właściwości do opisania wyglądu dowolnego dokumentu HTML. Możemy wywołać tag stylu Mini CSS dokumentu HTML.

Ten zapis wyjaśni, w jaki sposób możemy ustawić atrybut stylu w elementach HTML. Aby osiągnąć ten cel, ten artykuł dostarczy wielu przykładów. Więc bez dalszego opóźnienia zacznijmy!

Składnia

Składnia atrybutów stylu HTML obejmuje właściwość i jej wartość, jak pokazano na poniższym fragmencie:

W atrybucie stylu HTML możemy ustawić wiele właściwości dla jednego elementu HTML, takich jak styl czcionki, kolor tła itp. W takich scenariuszach musimy wstawić półkolis „;” Po każdej właściwości, jak pokazano w następującym skrypcie:

Jak dodać styl do elementu HTML

Ten przykład zastosuje kilka stylów na różnych HTML

Prosty akapit


Akapit z kolorem tła


Akapit o wielkości czcionki X



Pierwszy

Element nie wykorzystał atrybutu stylu, aby wyświetli normalny akapit. Jednak drugi i trzeci akapity wszczepione atrybuty stylu do różnych celów. W rezultacie przeglądarka pokaże następujące dane wyjściowe:

Jak używać wielu właściwości w atrybucie stylu

W powyższym przykładzie istniały trzy różne akapity, każdy element ma unikalny styl. Teraz rozważ inny przykład, który wdroży wiele stylów w tym samym akapicie:



Prosty akapit


Akapit ze złotym tłem i wyrównanym środkiem


Akapit z wielkości czcionki X i stylem kursywą



Powyższy kod utworzył trzy

elementy. Pierwszy to prosty, drugi akapit wykorzystał element stylu z wieloma właściwości. Trzeci akapit implementuje również dwie właściwości, aby ustawić czcionkę w stylu wyjątkowym i kursywnym.

Teraz w tym artykule omówiono najczęściej wykorzystywane właściwości stylu, jak podano poniżej:

  • kolor właściwość służy do ustawienia koloru tekstu.
  • kolor tła właściwość ustawia kolor tła elementu HTML.
  • styl czcionki właściwość ustawia różne style czcionek dla elementu HTML E.G. Kursywa, odważna, itp.
  • rodzina czcionek właściwość wdraża czcionkę dla elementów HTML, takich jak Monospace itp.
  • rozmiar czcionki właściwość w HTML ustawia rozmiar dowolnego elementu HTML, takiego jak Małe, 12px, itp.
  • tekst-align służy do ustawienia wyrównania tekstu Centrum, prawda, itp.

Wniosek

Style HTML wpływają bezpośrednio na widoczny wygląd dowolnego dokumentu HTML. Ten zapis wyjaśnił, co to jest atrybut stylu HTML? Jak działa atrybut stylu? Jakie właściwości może mieć? I jak znaczące jest to dla stylizacji każdej strony internetowej. W tym artykule opracowano te pojęcia z pomocą niektórych przykładów, aby zapewnić jasny pogląd.