Kaskadowe arkusze stylów (CSS) to język używany do stylizowania stron internetowych zawierających elementy HTML, definiujący sposób wyświetlania elementów na stronach internetowych, w tym układ, kolory, czcionki i inne właściwości elementów na stronie internetowej. CSS działa poprzez kierowanie na elementy HTML i stosowanie reguł stylu w celu zdefiniowania sposobu ich wyświetlania, w tym właściwości takich jak kolor, rozmiar, układ i położenie.

Istnieją trzy typy CSS, które podano poniżej:

Spis treści

• Wbudowany CSS
• Wewnętrzny lub osadzony CSS
• Zewnętrzny CSS

Wbudowany CSS:

Wbudowany CSS to metoda stosowania stylizacji bezpośrednio do poszczególnych elementów HTML przy użyciu atrybutu style w znaczniku HTML, pozwalająca na specyficzną stylizację poszczególnych elementów w dokumencie HTML, zastępując wszelkie style zewnętrzne lub wewnętrzne.

Przykład wbudowanego CSS:

Ten przykład pokazuje użycie wbudowanego CSS za pomocą dokumentu HTML.

HTML

> <> html> >> <> head> >> > <> title> >Wbudowany CSStitle>head> rozmiar czcionki: 50px; styl czcionki: kursywa; text-align:center;'> GeeksForGeeks p> body> html>>

Wyjście:

Przykładowy przykład wbudowanego CSS Wyjaśnienie:

W powyższym przykładzie wykonujemy następujące kroki

• Tutaj używamy wbudowanego CSS bezpośrednio do elementu akapitu.
• Zmienia kolor na zielony, rozmiar czcionki na 50 pikseli, styl na kursywę i wyrównanie do środka.
• Stylizacja zastępuje zewnętrzny i wewnętrzny CSS.

Wewnętrzny lub osadzony CSS:

Wewnętrzny lub osadzony CSS jest zdefiniowany w elemencie dokumentu HTML. Stosuje style do określonych elementów HTML. Zestaw reguł CSS powinien znajdować się w pliku HTML w sekcji head, tj. CSS jest osadzony w tagu wewnątrz sekcji head pliku HTML.

Przykład wewnętrznego lub osadzonego CSS:

Ten przykład pokazuje użycie wewnętrznego CSS przy pomocy dokumentu HTML.

HTML

> <> html> >> <> head> >> > <> title> >Wewnętrzny tytuł CSS>