Co to są Arkusze stylów wewnętrznych
Wewnętrzne arkusze stylów to style umieszczone w dokumencie HTML. Style te mają wpływ tylko na dokument, w którym się znajdują i nie można się do niego odwoływać za pomocą żadnego innego dokumentu WWW.
Zalety wewnętrznych arkuszy stylów
- Wewnętrzne arkusze stylów mają wpływ tylko na stronę, na której się znajdują.
- Jeśli pracujesz na dużej stronie i musisz przetestować style, zanim załadujesz je na stronę jako całość, wewnętrzne arkusze stylów mogą być świetnym narzędziem. Pozwalają one przetestować style w kontekście całej witryny bez łamania żadnej strony oprócz tej, którą testujesz.
- Wewnętrzne arkusze stylów mogą korzystać z klas i identyfikatorów.
- W przeciwieństwie do stylów wewnętrznych, wewnętrzne arkusze stylów mogą nadal korzystać z klas, identyfikatorów, rodzeństwa i innych zależności między elementami.
- Wewnętrzne arkusze stylów nie wymagają przesyłania wielu plików.
- Jest to szczególnie przydatne w przypadku pracy z pocztą elektroniczną lub kioskami, w których do edycji jest dostępny tylko jeden plik HTML. Często używam stylów śródliniowych, gdy nie jestem pewien, jaki adres URL byłby arkuszem stylów załadowanym do CMS - utrzymywanie stylów za pomocą dokumentu oznacza, że wiem, jakie style wpływają na ten dokument.
- Style wewnętrzne mogą mieć wyższy priorytet niż zewnętrzne arkusze stylów.
- Jest to określone przez kolejność ładowania zewnętrznych arkuszy stylów. Twórca strony internetowej ma kontrolę nad tym, gdzie style wewnętrzne zostaną umieszczone w nagłówku dokumentu. Jeśli zostaną umieszczone po łączu ze stylami zewnętrznymi, będą miały wyższy priorytet w kaskadzie i przerzucą zewnętrzny arkusz stylów.
Wady wewnętrznych arkuszy stylów
- Mają wpływ tylko na stronę, na której się znajdują.
- Jeśli chcesz użyć tych samych stylów w kilku dokumentach, musisz je powtórzyć dla każdej strony (lub połączyć z zewnętrznym arkuszem stylów).
- Wewnętrzne arkusze stylów wydłużają czas ładowania strony.
- Każda strona z wewnętrznym arkuszem stylów musi ładować i analizować informacje arkusza stylów za każdym razem, gdy strona jest ładowana. Zewnętrzne arkusze stylów są buforowane przez przeglądarki - co poprawia czas ładowania każdej strony po wczytaniu pierwszego.
Jak napisać arkusz stylów wewnętrznych
element:
- Otwórz dokument HTML w edytorze internetowym.
- Dodaj następujące elementy w
Pełny wewnętrzny arkusz stylów wyglądałby tak: