מה עלי למנות את קובץ גיליון הסגנון CSS שלי?

המראה והתחושה, או ה"סגנון ", של אתר מוכתבים על ידי CSS (גליונות סגנון מדורגים). זהו קובץ שתוסיף לספריה של אתר האינטרנט שלך אשר יכיל את כללי ה- CSS השונים שיוצרים את העיצוב החזותי והפריסה של הדפים שלך.

אמנם אתרים יכולים להשתמש, ולעיתים קרובות, להשתמש בגיליונות סגנון מרובים, אך אין צורך לעשות זאת. אתה יכול למקם את כל כללי ה- CSS שלך לקובץ אחד, ולמעשה ישנם יתרונות בכך, כולל מהיר יותר זמן טעינה וביצועים של דפים מכיוון שהם אינם צריכים להביא קבצים מרובים. אמנם אתרים ארגוניים גדולים מאוד עשויים להזדקק לגיליונות סגנון נפרדים לפעמים, אך אתרים קטנים עד בינוניים רבים יכולים להסתדר לחלוטין עם קובץ אחד בלבד עם כל הכללים שהדפים צריכים. זו נשאלת השאלה "כיצד עלי למנות קובץ CSS זה"? "

שמות על יסודות האמנה

כשאתה יוצר דף סגנון חיצוני עבור דפי האינטרנט שלך, אתה צריך לתת שם לקובץ לפי מוסכמות שמות דומות עבור קבצי ה- HTML שלך.

אל תשתמש בתווים מיוחדים

עליך להשתמש באותיות a-z בלבד, מספרים 0-9, קו תחתון (_) ומקפים (-) בשמות הקבצים שלך ב- CSS. בעוד שמערכת הקבצים שלך עשויה לאפשר לך ליצור קבצים עם תווים אחרים בהם, מערכת ההפעלה של השרת שלך עשויה להיות עם בעיות עם תווים מיוחדים. אתה בטוח יותר להשתמש רק בתווים המוזכרים כאן. אחרי הכל, גם אם השרת שלך מאפשר תווים מיוחדים, זה לא יכול להיות המקרה אם תחליט לעבור לספקי מארח שונים בעתיד.

instagram viewer

אל תשתמש במרחבים כלשהם

בדיוק כמו בתווים מיוחדים, רווחים עלולים לגרום לבעיות בשרת האינטרנט שלך. מומלץ להימנע מהם בשמות הקבצים שלך; אתה צריך אפילו לשים לב לקבצים כמו קבצי PDF באמצעות אותם מוסכמות, רק למקרה שתצטרך להוסיף אותם לאתר. אם אתה מרגיש חזק שאתה זקוק למרחב כדי להקל על קריאת שם הקובץ, בחר במקום זאת במקפים או קו תחתון. לדוגמא, במקום להשתמש ב"זהו הקובץ. Pdf "השתמש ב"זהו הקובץ. Pdf".

שם הקובץ צריך להתחיל באות

אמנם זו לא דרישה מוחלטת, אך במערכות מסוימות יש בעיות עם שמות קבצים שלא מתחילים באות. לדוגמא, אם תבחר להתחיל את הקובץ שלך בתו מספר, זה יכול לגרום לבעיות בהמשך.

השתמש בכל האותיות הקטנות

אמנם זה לא נדרש עבור שם קובץ, אבל זה רעיון טוב, מכיוון שחלק משרתי האינטרנט הם רגישים לאותיות רישיות, ואם אתה שוכח ומפנה את הקובץ במקרה אחר, הוא לא נטען. שימוש בתווים באותיות קטנות עבור כל שם קובץ הוא תמיד דרך חכמה. למעשה, מעצבי אתרים חדשים רבים מתקשים לזכור לעשות זאת, פעולת ברירת המחדל שלהם כשמתנו שם לקובץ היא לעשות שימוש באותיות גדולות בתו הראשון של השם. הימנע מכך והתרגל לתווים קטנים בלבד.

שמור על שם הקובץ קצר ככל האפשר

אמנם יש מגבלה של גודל שם הקובץ ברובם מערכות הפעלה, זה הרבה יותר זמן מהסביר לשם קובץ CSS. כלל אצבע טוב הוא לא יותר מ -20 תווים עבור שם הקובץ לא כולל התוסף. באופן מציאותי, כל דבר הרבה יותר ארוך מזה לא מסוגל לעבוד איתו ולקשר אליו בכל מקרה.

החלק החשוב ביותר של שם הקובץ שלך ב- CSS

החלק החשוב ביותר בשם הקובץ CSS אינו שם הקובץ עצמו, אלא התוסף. אין צורך בהרחבות ב- Macintosh וב- מערכות לינוקס, אך מומלץ לכלול אחד בכל זאת בעת כתיבת קובץ CSS. כך תמיד תדע שזה גיליון סגנונות ולא צריך לפתוח את הקובץ כדי לקבוע מה זה בעתיד.

זה כנראה לא הפתעה גדולה, אבל התוסף בקובץ CSS שלך צריך להיות:

.css

מוסכמות למתן שמות קבצים ב- CSS

אם רק אי פעם יהיה לך קובץ CSS אחד באתר, אתה יכול לתת לו שם כל מה שתרצה. אחד מהדברים הבאים עדיף:

style.css
standard.css
default.css

אם האתר שלך ישתמש בקבצי CSS מרובים, תן שם לגיליונות הסגנון על שם תפקידם כך שיהיה ברור בדיוק מה המטרה של כל קובץ. מכיוון שבדף אינטרנט יכולות להיות מחוברות מספר גיליונות סגנונות, זה עוזר לחלק את הסגנונות שלך לגיליונות שונים בהתאם לפונקציה של גיליון זה ולסגנונות בו. לדוגמה:

פריסה לעומת לְעַצֵב
```
layout.css design.css
```
מדורי עמודים
```
main.css nav.css
```
אתר שלם עם קטעי משנה
```
mainstyles.css subpage.css
```

אם האתר שלך משתמש במסגרת כלשהי, סביר להניח שתבחין שהוא משתמש במספר קבצי CSS, כל אחד מהם מוקדש לחלקים שונים של הדפים או ההיבטים באתר (טיפוגרפיה, צבע, פריסה, וכו.).