Zewnętrzne arkusze stylów i osadzone arkusze stylów CSS
Istnieje kilka rzeczy, które odróżniają zewnętrzne arkusze stylów od osadzonych arkuszy stylów.

Osadzone arkusze stylów
W poprzednich samouczkach widziałeś przykłady osadzonych arkuszy stylów CSS i nauczyłeś się, że podstawowy kod CSS dla osadzonego arkusza stylów zaczyna się i kończy znacznikami. Wewnątrz tych tagów znajduje się kod CSS, który składa się z każdego selektora (ów) i jego odpowiednich par właściwości i wartości. Wreszcie styl osadzony jest umieszczany w sekcji nagłówka strony.

Przykład



Zewnętrzne arkusze stylów
Zewnętrzne arkusze stylów są nieco inne, ponieważ nie mają znaczników początkowego i końcowego. W rzeczywistości nie możesz mieć żadnych tagów HTML z wyjątkiem komentarzy i instrukcji @import. Zasadniczo jest to plik tekstowy zawierający tylko kod CSS.

Przykład
body {background-color: #ffffff}

p {rozmiar czcionki: 12pt; kolor: # 000000; text-align: center}

Możesz nazwać swój zewnętrzny arkusz stylów dowolnie, ale dobrą praktyką jest nadanie plikowi nazwy odzwierciedlającej przeznaczenie kodu CSS. Na przykład kod CSS, który kontroluje styl linków menu na stronie internetowej, może nazywać się menu.css. Chociaż jest to opcjonalne, należy użyć rozszerzenia .css dla zewnętrznych arkuszy stylów.

Po utworzeniu zewnętrznych arkuszy stylów możesz ich używać na dowolnej stronie internetowej, umieszczając tag lub instrukcję @import w sekcji head.





Instrukcje Wideo: JavaScript potrzebny do egzaminu. Technik informatyk. Egzamin EE.09 / E.14 (Może 2024).