Kurs HTML i CSS

Arkusze stylów

Przyszła pora, aby nasza strona nabrała ładnego wyglądu. Do tego bedziesz potrzebował arkusze stylów CSS.

Arkusz stylów CSS

Jest to lista reguł ustalających w jaki sposób ma zostać wyświetlana przez przeglądarkę internetową zawartość wybranego elementu HTML. Można w ten sposób opisać wszystkie pojęcia odpowiedzialne za prezentację elementów dokumentów internetowych, takie jak rodzina czcionek, kolor tekstu, marginesy, odstęp międzywierszowy lub nawet pozycja danego elementu względem innych elementów bądź okna przeglądarki.

Może wyróżnić trzy typy arkuszów:

Zewnętrzny arkusz stylów

Styl ten opiera się na znaczniku <link /> umieszczonym bezpośrednio w nagłówku strony, dzięki czemu taki arkusz również działa na cały dokument.

<link href="style.css" rel="stylesheet" type="text/css" />
						
zewętrzny

Atrybut href=" " odpowiada za określenie nazwy oraz lokalizacji wybranego arkusza.Kolejny element,rel=" " , definiuje relacje, które w przypadku CSS zawsze mają watość stylesheet . Ostatni element type=" " zawsze posiada wartość text/css. Dzięki temu przeglądarka może rozpoznać, z jakim arkuszem ma do czynienia.

Wewnętrzny arkusz stylów

Styl ten polega na zdefiniowaniu odpowiednich wpisów bespośrednio w nagłówku strony.

wewętrzny

Styl umieszczony w nagłówku dokumentu HTML jest rozwiązaniem bardzo wygodnym, gdyż działa na wszystkie elementy, które znajdują się w dokumencie.

Lokalny arkusz stylów

Styl ten polega na umieszczniu atrybutu style=" " bezpośrednio w znaczniku.

lokalny

Wadą tego rozwiązania jest konieczność powielania tego samego stylu wiele razy, ponieważ działa on tylko dla znacznika, w którym został umieszczony.