Co to jest CSS?
Kaskadowy arkusz stylów (CSS) to sposób na zaprojektowanie strony internetowej lub grupy stron internetowych, tak aby wyglądały spójnie, a ich wygląd był łatwy do zmiany. Używając CSS do zaprojektowania strony internetowej, programista zyskuje większą kontrolę nad wyglądem strony.
Deweloper może użyć pliku CSS do sterowania wyglądem strony internetowej na trzy główne sposoby. Pierwszy sposób nazywa się inline, odnosząc się do faktu, że kod jest umieszczony bezpośrednio w wierszu kodu strony internetowej. Na przykład programista stron internetowych może chcieć, aby określone zdanie było pogrubione, czerwone, aby się wyróżniało. Mogła użyć CSS, aby ustawić styl tego zdania na pogrubiony i czerwony za pomocą kodu wbudowanego. Zaletą tej metody jest to, że pozwala ona na szybką i łatwą zmianę określonej części strony internetowej.
Innym sposobem, w jaki programista może korzystać z CSS, jest tworzenie reguł dla pojedynczej strony internetowej. W takim przypadku programista użyłby tak zwanego wbudowanego CSS. Deweloper może na przykład pogrubić każdy nowy akapit akapitu i każdy nagłówek. Instrukcje osadzone są zwykle umieszczane u góry kodu strony internetowej.
Umożliwia to programistom jednorazową zmianę osadzonego kodu i włączenie efektów na całej stronie. Gdyby zdecydował się umieścić wszystkie nagłówki kursywą zamiast pogrubionego tekstu, mógłby po prostu zmienić kodowanie stylu, a wszystkie nagłówki na tej stronie by się zmieniły. Ma to przewagę nad metodą inline, ponieważ obejmuje całą stronę internetową, a zmiany można wprowadzać na całej stronie jednocześnie.
Ostatnim powszechnym typem CSS jest tak zwany zewnętrzny CSS. Deweloper stron internetowych napisze kod, który będzie dotyczył całej grupy stron, całej witryny, a nawet wielu witryn. Reguły te mogą obejmować takie elementy, jak kolor tła, kolor tekstu, odstępy między wyrazami i inne elementy układu strony, podobnie jak dwa poprzednie przykłady CSS.
Różnica polega na tym, że te instrukcje nie dotyczą pojedynczej sekcji strony lub tylko jednej strony internetowej, ale całej witryny. Zaletą jest to, że wygląd całej witryny można zmienić jednocześnie, wprowadzając zmiany w zewnętrznym arkuszu stylów. Jeśli projektant chce wypróbować nowy kolor tła lub nową czcionkę dla całej witryny, może to zrobić, zmieniając kilka linii w kodzie zewnętrznym, zamiast przechodzić do każdej strony indywidualnie i wprowadzać tam zmiany.
Wady zarówno wbudowanego, jak i zewnętrznego CSS polegają na tym, że potrzeba więcej czasu na utworzenie dużego arkusza stylów, który obejmie dużo układu, zamiast wprowadzania mniejszych zmian w poszczególnych liniach. Projektant stron internetowych musi zdecydować, czy na dłuższą metę jest bardziej wydajne tworzenie indywidualnych instrukcji wbudowanych, czy też tworzenie wbudowanego lub zewnętrznego CSS, aby zadbać o wiele funkcji projektowych jednocześnie.