Wygląd i styl lub „styl” strony internetowej jest podyktowany CSS (Kaskadowe Arkusze Stylów). Jest to plik, który dodasz do katalogu swojej witryny, który będzie zawierał różne reguły CSS, które tworzą projekt wizualny i układ Twoich stron.
Chociaż witryny mogą korzystać i często korzystają z wielu arkuszy stylów, nie jest to konieczne. Możesz umieścić wszystkie swoje reguły CSS w jednym pliku i są z tego korzyści, w tym szybsze czas ładowania i wydajność stron, ponieważ nie muszą one pobierać wielu plików. Chociaż bardzo duże witryny korporacyjne mogą czasami wymagać oddzielnych arkuszy stylów, wiele małych i średnich witryn może doskonale sobie radzić z jednym plikiem ze wszystkimi regułami, których potrzebują Twoje strony. To nasuwa pytanie „Jak powinienem nazwać ten plik CSS?”
Podstawy konwencji nazewnictwa
Kiedy tworzysz zewnętrzny arkusz stylów w przypadku stron internetowych należy nazwać plik zgodnie z podobnymi konwencjami nazewnictwa dla plików HTML.
Nie używaj znaków specjalnych
W nazwach plików CSS należy używać tylko liter a-z, cyfr 0-9, podkreślenia (_) i łączników (-). Chociaż system plików może umożliwiać tworzenie plików zawierających inne znaki, system operacyjny serwera może mieć problemy ze znakami specjalnymi. Jesteś bezpieczniejszy, używając tylko wymienionych tutaj znaków. W końcu, nawet jeśli twój serwer pozwala na znaki specjalne, może to nie mieć miejsca, jeśli w przyszłości zdecydujesz się przenieść do innego dostawcy usług hostingowych.
Nie używaj żadnych spacji
Podobnie jak w przypadku znaków specjalnych, spacje mogą powodować problemy na serwerze WWW. Dobrym pomysłem jest unikanie ich w nazwach plików; powinieneś nawet nazwać pliki takie jak PDF przy użyciu tych samych konwencji, na wypadek, gdybyś kiedykolwiek musiał je dodać do witryny. Jeśli uważasz, że potrzebujesz spacji, aby nazwa pliku była łatwiejsza do odczytania, zamiast tego wybierz myślniki lub podkreślenia. Na przykład zamiast „to jest plik.pdf” użyj „to-to-plik.pdf”.
Nazwa pliku powinna zaczynać się od litery
Chociaż nie jest to bezwzględne wymaganie, niektóre systemy mają problemy z nazwami plików, które nie zaczynają się na literę. Na przykład, jeśli zdecydujesz się rozpocząć plik od znaku cyfry, może to spowodować problemy w dalszej linii.
Użyj wszystkich małych liter
Chociaż nie jest to wymagane w przypadku nazwy pliku, jest to dobry pomysł, ponieważ niektóre serwery WWW rozróżniają wielkość liter, a jeśli zapomnisz i odwołasz się do pliku w innym przypadku, nie zostanie on załadowany. Używanie małych liter dla każdej nazwy pliku jest zawsze dobrym sposobem. W rzeczywistości wielu nowych projektantów stron internetowych ma trudności z zapamiętaniem tego, ich domyślną akcją podczas nazywania pliku jest wpisanie pierwszej litery nazwy z dużej litery. Unikaj tego i przyzwyczajaj się tylko do małych liter.
Zachowaj jak najkrótszą nazwę pliku
Chociaż w większości przypadków istnieje limit rozmiaru nazwy pliku system operacyjny, jest znacznie dłuższy niż jest to uzasadnione w przypadku nazwy pliku CSS. Dobrą zasadą jest nie więcej niż 20 znaków dla nazwy pliku bez rozszerzenia. Realistycznie rzecz biorąc, wszystko, co jest znacznie dłuższe, i tak jest niewygodne w obsłudze i łączeniu.
Najważniejsza część nazwy pliku CSS
Najważniejszą częścią nazwy pliku CSS nie jest sama nazwa pliku, ale rozszerzenie. Rozszerzenia nie są wymagane na komputerach Macintosh i Systemy Linux, ale dobrym pomysłem jest dołączenie go mimo to podczas pisania pliku CSS. W ten sposób zawsze będziesz wiedział, że jest to arkusz stylów i nie będziesz musiał otwierać pliku, aby określić, co to jest w przyszłości.
Prawdopodobnie nie jest to wielka niespodzianka, ale rozszerzenie w twoim pliku CSS powinno wyglądać tak:
.css
Konwencje nazewnictwa plików CSS
Jeśli będziesz mieć tylko jeden plik CSS w witrynie, możesz go nazwać, jak chcesz. Preferowane jest jedno z poniższych:
styl.css
standard.css
default.css
Jeśli Twoja witryna będzie używać wielu plików CSS, nazwij arkusze stylów zgodnie z ich funkcją, aby było jasne, jaki jest cel każdego pliku. Ponieważ do strony internetowej może być dołączonych wiele arkuszy stylów, warto podzielić style na różne arkusze w zależności od funkcji tego arkusza i stylów w nim zawartych. Na przykład:
-
Układ a projekt
layout.css design.css
-
Sekcje strony
main.css nav.css
-
Cała strona z podsekcjami
mainstyles.css podstrona.css
Jeśli Twoja witryna korzysta z jakiegoś frameworka, prawdopodobnie zauważysz, że używa wielu plików CSS, każdy poświęcony innym częściom stron lub aspektom witryny (typografia, kolor, układ, itp.).