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:
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> |
>
>
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> |