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

1. שמור על הצהרות CSS בשורה אחת

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

טוב קוד

  ; color : # 333333 ; background : #cccccc ; } h2 (font-size: 18px; color: # 333333; רקע: # CCCCCC;) 

קוד רע

 ; color : # 333333 ; background : #cccccc ; } h2 (font-size: 18px; color: # 333333; רקע: # CCCCCC;) 

2. שלבו אלמנטים

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

טוב קוד

  H1, H2, H3 (
 ; color : # 333 ; font-family: Arial, Helvetica, sans-serif; צבע: # 333;
 ) 

קוד רע

 : Arial, Helvetica, sans-serif ; color : # 333 ; } h2 { font-family : Arial, Helvetica, sans-serif ; color : # 333 ; } h3 { font-family : Arial, Helvetica, sans-serif ; color : # 333 ; } h1 (font-family: Arial, Helvetica, sans-serif; צבע: # 333;) H2 (font-family: Arial, Helvetica, sans-serif; צבע: # 333;) H3 (font-family: Arial, Helvetica, sans-serif; צבע: # 333;) 

3. השתמש "שוליים" אל מרכז פריסה

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

קוד

  # Container (
 ; /* top, bottom - and left, right*/ השוליים: auto 0; / העליון *, תחתית - ו שמאל, ימין * /
 רוחב: xxxpx;
 ) 

4. CSS תגובה שלך

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

קוד

  /******** קוד Start Here ********/ 

5. השתמש ב CSS דחוס כלים

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

בדיקה זו CSS באינטרנט לדחוס כלים ...

CSS Tidy

נקי Css

CSS ייעול

Flumpcakes האופטימיזציה Css

Comperasor Css cssdrive

Css-W3C Validator

מסקנה

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

אם אתה חושב שזה יכול להיות מדריך יותר טוב, בבקשה לשתף אותנו. תגובה אותנו

אם אתה מעוניין לקבל הדרכות יותר מאיתנו, אנא שקול מנוי שלנו על ידי הזנת RSS או באמצעות דוא"ל.

מתויק תחת: Css, הדרכות על ידי Admin