Jak korzystać z szablonów CSS

Podczas zarządzania obecnością firmy w Internecie, kilka podstawowych przydadzą się. Używanie zewnętrznych arkuszy stylów jest doskonałym przykładem narzędzia, które ułatwia pracę. Arkusze stylów określają, jak wyglądają dokumenty HTML, definiując style dla poszczególnych elementów. Zaimportuj gotowe szablony plików CSS szablonu, aby zastosować style do strony internetowej, ułatwiając projektowanie witryny i zachowując spójność w całym tekście. Możesz użyć nawet arkuszy CSS jako podstawy do projektowania własnych szablonów.

1.

Zapisz swój szablon CSS w tym samym katalogu, co strony HTML, z których chcesz korzystać z szablonu. Na przykład, jeśli chcesz, aby strona "index.html" używała szablonu CSS "template.css", zapisz template.css w tym samym folderze, w którym przechowujesz "index.html".

2.

Otwórz plik HTML w edytorze tekstu.

3.

Znajdź znaczniki head w pliku HTML. Wpisz dokument HTML między tymi tagami, aby połączyć plik HTML z plikiem szablonu CSS. Twój plik szablonu może mieć inną nazwę, więc użyj poprawnej nazwy zamiast "template.css". Twoja sekcja nagłówka HTML wygląda podobnie do tego przykładu:

4.

Zapisz plik HTML.

5.

Otwórz plik HTML w przeglądarce internetowej. Zastosowany styl szablonu CSS działa, dzięki czemu witryna jest bardziej spójna.

Ostrzeżenie

• Podczas gdy pliki CSS stosują instrukcje stylu do ogólnych obszarów, takich jak tło i główny tekst dokumentu, niektóre pliki szablonów CSS określają pewne znaczniki, które mogą nie odpowiadać znacznikom w dokumencie. Przeczytaj plik CSS i jego dokumentację, aby upewnić się, że używasz tych samych tagów i sekcji, których używa plik CSS, aby uzyskać najlepsze wyniki.