Wygląd i styl strony internetowej są dyktowane przez CSS (Cascading Style Sheets). Jest to plik, który dodasz do katalogu swojej strony internetowej, który będzie zawierał różne reguły CSS, które tworzą wizualny projekt i układ twoich stron.
Chociaż witryny mogą wykorzystywać i często wykorzystują wiele arkuszy stylów, nie jest to konieczne. Możesz umieścić wszystkie swoje reguły CSS w jednym pliku, a przynosi to wiele korzyści, w tym szybszy czas ładowania i wydajność stron, ponieważ nie wymagają one pobierania wielu plików. Podczas gdy bardzo duże witryny korporacyjne mogą czasami wymagać osobnych arkuszy stylów, wiele małych i średnich witryn może wykonać doskonale wszystko za pomocą jednego pliku z wszystkimi regułami, których potrzebują twoje strony. To nasuwa pytanie "Jak mam nazwać ten plik CSS"? "
Podstawy konwencji nazewnictwa
Gdy tworzysz zewnętrzny arkusz stylów dla swoich stron internetowych, powinieneś nazwać ten plik zgodnie z podobnymi konwencjami nazewnictwa dla twoich plików HTML.
Nie używaj specjalnych znaków
W nazwach plików CSS należy używać wyłącznie liter a-z, cyfr 0-9, podkreśleń (_) 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 wspomnianych tutaj postaci. W końcu, nawet jeśli twój serwer zezwala na znaki specjalne, może tak nie być, jeśli zdecydujesz się na przeniesienie do dostawców hostów w przyszłości.
Nie używaj żadnych przestrzeni
Podobnie jak w przypadku znaków specjalnych, spacje mogą powodować problemy na twoim serwerze sieciowym. Warto unikać ich w nazwach plików - powinieneś nawet wskazywać na nazwy plików takich jak pliki PDF, używając tych samych konwencji, na wypadek gdybyś musiał dodać je do strony internetowej. Jeśli uważasz, że potrzebujesz spacji, aby nazwa pliku była łatwiejsza do odczytania, zamiast tego wybierz myślniki lub podkreślniki. Na przykład zamiast "to jest plik.pdf" użyj "this-is-the-file.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ę od litery. Na przykład, jeśli zdecydujesz się rozpocząć swój plik znakiem liczbowym, może to spowodować problemy w dół.
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 odniesiesz plik w innym przypadku, nie zostanie załadowany. Używanie małych liter dla każdej nazwy pliku jest zawsze sprytną drogą. W rzeczywistości wielu nowych projektantów stron internetowych stara się o tym pamiętać - ich domyślną czynnością podczas nazywania pliku jest kapitalizacja pierwszego znaku nazwy. Unikaj tego i przyzwyczajaj się tylko do małych liter.
Zachowaj nazwę pliku tak krótko, jak to możliwe
Mimo że w większości systemów operacyjnych obowiązuje limit rozmiaru nazwy pliku, jest on znacznie dłuższy niż jest to uzasadnione w przypadku nazwy pliku CSS. Dobra zasada nie zawiera więcej niż 20 znaków w nazwie pliku bez rozszerzenia. Realistycznie rzecz biorąc, wszystko, co jest dużo dłuższe, jest nieporęczne i nie ma takiej możliwości.
Najważniejsza część nazwy pliku CSS
Najważniejszą częścią nazwy pliku CSS nie jest sama nazwa pliku, ale rozszerzenie. Rozszerzenia nie są wymagane w systemach Macintosh i Linux, ale warto je uwzględnić podczas pisania pliku CSS. W ten sposób zawsze będziesz wiedział, że jest to arkusz stylów i nie musisz otwierać pliku, aby określić, co to jest w przyszłości.
Prawdopodobnie nie jest to duża niespodzianka, ale rozszerzenie na twoim pliku CSS powinno być:
.css
Konwencje nazewnictwa plików CSS
Jeśli kiedykolwiek będziesz mieć jeden plik CSS na stronie, możesz nazwać go cokolwiek chcesz. Preferowane jest jedno z poniższych:
styles.css lub default.css
Jeśli twoja strona używa wielu plików CSS, nazwij arkusze stylów po ich funkcji, aby dokładnie określić, jaki jest cel każdego z plików. Ponieważ strona internetowa może zawierać wiele arkuszy stylów, pomaga 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 subpage.css
Jeśli twoja strona używa jakiejś architektury, prawdopodobnie zauważysz, że używa ona wielu plików CSS, z których każdy jest dedykowany do różnych części stron lub aspektów strony (typografia, kolor, układ itd.).
Edytowane przez Jeremy'ego Girarda
