Kiedy mówimy o HTML, wiemy, że HTML służy do tworzenia aplikacji związanych z siecią. Aby zawartość HTML jest prezentowana, musisz zastosować odpowiednie CSS na HTML. CSS obejmuje ogromną grupę nieruchomości, które można zastosować do dokumentu HTML albo w linii, wewnętrznej i zewnętrznej.

Mając na uwadze znaczenie CSS, ten post służy następującym rezultatom:

• Co oznacza CSS?
• Jak CSS jest stosowany do dokumentu HTML

Co oznacza CSS?

CSS oznacza Arkusz Stylów Kaskadowych; Jest to jedyny arkusz stylów, który sprawia, że ​​strona HTML jest atrakcyjna i prezentowana. Sam CSS jest bezużyteczny, dopóki nie zostanie połączony z HTML, aby tworzyć wspaniałe projekty i układy aplikacji internetowych. CSS jest zasadniczo zaprojektowany przez W3C w 1996 roku jako rozwiązanie przezwyciężania drogiego procesu dodawania czcionek i kolorów do strony HTML.

Jak CSS jest stosowany do dokumentu HTML

CSS można zastosować na dokumencie HTML albo wewnętrznie, wline lub zewnętrznie. Dlatego CSS można podzielić na trzy typy: wbudowane CSS, wewnętrzne CSS i zewnętrzne CSS. Tutaj wyraźnie zademonstrowaliśmy wszystkie te kategorie.

Wbudowane CSS
Mówi się, że CSS jest wbudowany, gdy używamy stylu jako atrybutu wewnątrz tagów HTML. Pomocne jest tylko wtedy, gdy trzeba kierować do jednego znacznika HTML.

Oto przykładowy kod, w którym stosuje się wbudowany CSS.

Kod

Wbudowane CSS

Niniejszy akapit został napisany w celu zaprezentowania użycia wbudowanego CSS na stronie HTML.

W powyższym kodzie używamy inline CSS do zmiany rozmiaru i koloru czcionki

etykietka.

Wyjście

Wyjście wyraźnie pokazuje, że rozmiar czcionki i kolor czcionki są zmieniane przy użyciu inline CSS.

Wewnętrzne CSS
Mówi się, że CSS jest wewnętrzny, gdy używamy znaczników stylów w sekcji Head na stronie HTML, aby określić lub zmienić format i układ różnych tagów HTML. Wewnętrzne CSS jest używane, gdy musimy utworzyć klasę lub celować w wiele tagów HTML jednocześnie, ale na małą skalę. Zobaczmy praktyczny przykład wewnętrznego CSS.

Kod

Wbudowane CSS

Niniejszy akapit został napisany w celu zaprezentowania użycia wbudowanego CSS na stronie HTML.

W tym kodzie użyliśmy znacznika w sekcji głównej dokumentu. Tag jest skierowany do

I

Tagi dokumentu HTML. Te właściwości CSS będą stosowane na wszystkie

I

tagi w dokumencie.

Wyjście

Wyjście pokazuje, że wewnętrzne CSS skutecznie zmienia rozmiar i kolor czcionki zgodnie z naszymi wymaganiami.

Zewnętrzne CSS
Mówi się, że CSS jest zewnętrzny, gdy jest zapisany w osobnym pliku bez użycia znacznika stylu. Plik jest zapisywany z „.CSS" rozszerzenie. „„.CSS”Plik jest połączony z kodem HTML za pomocą HTML etykietka. Zobaczmy praktyczny przykład zewnętrznego CSS.

Kod

Zewnętrzne CSS

Niniejszy akapit został zapisany w celu zaprezentowania użycia zewnętrznego CSS na stronie HTML.

W tym kodzie wstawiamy zewnętrzne pliki CSS do kodu HTML za pomocą znacznika, aby zmienić kolor rozmiaru czcionki i położenie zawartości

tag i

etykietka.

Wyjście

W ten sposób możesz zintegrować zewnętrzny plik CSS z dokumentem HTML.

Wniosek

CSS oznacza kaskadowy arkusz stylów. Służy do uczynienia treści strony HTML ekspresyjnych i prezentowałych poprzez tworzenie wspaniałych projektów i układów. Ten post miał głównie na to, co oznacza CSS. Oprócz tego dowiedziałeś się również, w jaki sposób można zastosować w dokumentach HTML, wewnętrzne i zewnętrzne CSS.