קסס: שריפֿט קאָליר, סטיל, מוסטער, גרייס

פּראָגראַממינג - דער שפּיגל: אין די אָנהייב איז געווען דער וואָרט, און ניט רעפלעקטעד צוריק. און זייער געשווינד עס האט צו "טוישן": ערשטער שפּיגל, דעמאָלט דער וואָרט ... אין דעם פונט, קאַסקאַדינג סטייל שיט - איז גוט, אָבער וואָס אַזוי לאַנג עס איז געגאנגען צו מיינונג אַ דעוועלאָפּער? קסס - עס 'ס אַלע די זעלבע מענגע מאל די טקופע פון קאָמפּיוטער מגילה, אָבער נאָר אין אַ אַנדערש פּערספּעקטיוו. אַפֿילו ווען די מאסע ווערן אַססאָסיאַטיווע רעוואָלוציע איז ניט געמאכט.

וועבזייַטל בלאַט - עס טאַגס די HTML מאַרקאַפּ, וואָס קענען זיין אַטריביאַטאַד צו אַ זיכער סטיל אָדער נוסח קלאַס identifier. דער ערשטער קענען זיין Defined אַמאָל און צו צושרייַבן צו עפּעס פיל דארף צייַט, און די רגע געהערט צו אַ באַזונדער עלעמענט.

דער גענעראַל לאָגיק פון די באַשרייַבונג פון סטיילז

דורך מסורה, די נוסח איז געשטעלט אין די קסס-טעקע, אָבער קענען זיין אַטריביאַטאַד צו אַ באַזונדער עלעמענט אין זייַן נוסח אַטריביוט. די נוסח קענען זיין Created אין די דינאַמיק פון דזשאַוואַסקריפּט מכשירים. פון באַזונדער וויכטיקייט איז ניט ווי דיסקרייבד, למשל, דורך מיטל פון קסס קאָליר שריפֿט, זייַן גרייס, די כעדסעט, הינטערגרונט אונטער עס און אַזוי אויף. אָרט באַשרייַבונג נוסח איז וויכטיק אין דעם קאָנטעקסט פון, יוזשאַוואַלי צוויי געדאנקען: די שפּעטער דיסקרייבד, אַזוי עס איז אַ העכער בילכערקייַט, און אויב דיסקרייבד אין די עלעמענט, עס טוט וויכטיק !. לעצטע רעקאָרדעד ווי עס איז, קלאר דעפינעס די בילכערקייַט.

צולייגן די נוסח צו, למשל, אַ זיכער שריפֿט קאָליר טוישן קאָלירן, קענען זיין ערגעץ און עפּעס. די קשיא איז ווי צו רעאַגירן צו עס אין אַ בלעטערער בעשאַס די דיסאַססעמבלי פון אַלע סטיילז צוזאַמען. ווי פיל האט ער פאַרברענגען אויף דעם קפּו?

ידעאַללי, שריפֿט קאָליר זאָל זיין אנגעוויזן נאָר אַמאָל - עס ס אַ קלאַסיש. טראַכטן אויס צו אַ פּשוט באַשרייַבונג פון אַ פּאָר, און דעמאָלט אן אנדער און אן אנדער ... פון קורס, איר קענען. עס איז מאָדערן, אָבער פּראַקטיש.

לעמאָשל אַלגעמיין לאָגיק

גאַנץ נאָר באשלאסן דורך קסס קאָליר פֿאַר אַלע דרייַ יסודות, עס איז מעגלעך צו באַקומען לפּחות דרייַ לאַנג-פליסנדיק פּראָבלעמס:

# עלע1, # עלע2, # עלע3 {
שטעלע: אַבסאָלוט;
לינקס: 20פּקס;
שפּיץ: 14פּקס;
קאָליר: רויט;
}

# עלע2, # עלע3 {
לינקס: 90פּקס; // טוישן די קסס האָריזאָנטאַל קאָואָרדאַנאַץ
קאָליר: געל; // טוישן די קאָליר פון די שריפֿט קסס
}

# עלע3 {
שפּיץ: 114פּקס; // טוישן די קסס ווערטיקאַל קאָואָרדאַנאַט

קאָליר: גרין; // אַמאָל ווידער טוישן די קאָליר פון די שריפֿט קסס

הינטערגרונט-קאָליר: ליגהטגריי; // קסס טעקסט הויכפּונקט קאָליר געביטן, אָבער דאָס איז נישט פאָרשטעלן אין די # עלע1 און # עלע2; שטעלע אויך געביטן, אָבער עס האט געביטן אין # עלע2 און ניט, ווי דאָ

}

איצט מיר האָבן צו געדענקען אַז אַלע פון די דרייַ עלעמענטן איז Defined ערגעץ, און אין די געשעעניש פון אַ ענדערונג פון קאָליר רעפּראַזאַנטיישאַנז פון די פּלאַץ באַזיצער, די דעוועלאָפּער וועט האָבן צו געדענקען ניט נאָר וועגן דעם קאָליר, אָבער אויך וועגן די לינקס כּללים און שפּיץ, און אַפֿילו צו טוישן די הויכפּונקט קאָליר פון די טעקסט זאָל ניט זיין פֿאַרגעסן.

ניט אַלע דעוועלאָפּערס זענען ריווירד פאָדערונג קסס: מאָדע שייַן - בלויז איין עלעמענט, און די סאָרט נוסח - פילע טאַגס, חוץ די לעצטע מעגלעך פונט אין די טאַגס ווי אַדזשיקטיווז:

• שטעלן די שריפֿט קאָליר אין די קסס - נוסח גראָונדקאָלאָר קלאַס;
• ספּעציפיצירן די שריפֿט גרייס - קלאַס סיזע15;
• שטעלן שטעלע - קלאַס פּלאַסעופּ.

געוויינטלעך, די נוצן פון ידענטיפיערס, ספּעציעל ווען זיי געהערן צו דער זעלביקער מאַרקינג עלעמענט, די שפּיץ צען נוסח קלאסן, פּיינטיד אין פאַרשידן קאַמבאַניישאַנז פון הונדערטער פון בלאַט עלעמענטן. אבער אַלץ האט זייַן אייגן אָביעקטיוו לאָגיק.

די דעוועלאָפּער נאָר מוזן ריכטיק נעמען אין חשבון: אַפֿילו אויב די שריפֿט קאָליר פון HTML, קסס Offers צו באַשרייַבן שווער, די בייגיקייַט פון די קוילעלדיק סטרוקטור פון די דיסקריפּשאַנז - אַז ס זייַן אַרבעט.

די געריכט רעזולטאַט פון ניצן פּראָסט לאָגיק

מאָדערן בראַוזערז זענען באַקוועם מיט אַ פּלאַץ פון נוסח טעקעס און וואַליומז. אָבער, דיזיינינג, אין באַזונדער דורך די קסס, קאָליר די גאנצע בלאַט, איר זאָל שטענדיק טראַכטן פון גלייַך גענוג. ניט אַלע נוסח כּללים "ביליק" קוק אין די אַפּלאַקיישאַן. פּשוט לאַקאָניק פּאָזיציע: * {קאָליר: ווייַס;} - אַוואַדע שיין, אָבער עס אַפּלייז צו אַלע יסודות פון די בלאַט, אָן ויסנעם.

פון אַלע די כּללים, וואָס איז יקוויפּט מיט קסס, די רובֿ וויכטיק:

• נוסח - קלאַס, און דעמאָלט דער נאָמען סטאַרץ מיט, "."
• נוסח - identifier און זייַן נאָמען סטאַרץ מיט אַ "#" כאַראַקטער;
• אין אנדערע קאַסעס - אַ נאָמען קוויטל אָדער עפּעס ספּעציעל

די רוען טייל פון די באַשרייַבונג געדאנקען אין סטילעס (ירושה פּראָפּערטיעס אָוווערלאַפּ, פּרייאָראַטיז, שטעלע, סדר און די ווי. ד) זאָל ווערן געניצט ינטעלידזשאַנטלי און שטרענג נייטיק.

דעם בלעטערער שטענדיק פאַרפירן, טאָן ניט מאַכן אויס אין די באַשרייַבונג, אַזוי אַז די ספּעציעל סאַפּרייזיז וועט ניט. אויב עפּעס איז ניט אין די רעכט אָרט אָדער שטעלן די שריפֿט קאָליר אין קסס איז ניט מעגלעך, דעריבער, אין די נוסח פון די טעות.

אומגעריכט אַפּערטונאַטיז

זאָל ניט זיין אַביוזד סטיילז ווי * {לינקס: 124פּקס; } אָדער

אָל אָל, אָל אַל, ul אַל, ul אָל {גרענעץ-דנאָ: 0; }
אַ img {גרענעץ: 0; }

כאָטש עס איז שווער צו מאַכן אַפֿילו אַ אָנהייבער דעוועלאָפּער צו נוצן קסס כּללים ווי זיי זענען. שטענדיק אין דער אַנטוויקלונג פון קיין פּלאַץ, אַפֿילו בישליימעס פּשוט קסס סינטאַקס גיט אומגעריכט פּראָבלעמס. אָבער, אויב דירעקט השתדלות צו די ריכטיק נוצן פון די סינטאַקס, אָבער צולייגן די דזשאַוואַסקריפּט פונקטיאָנאַליטי איז נייַ און אומגעריכט אַפּערטונאַטיז וועט ויסמייַדן מאַנאַטאַנאַס שאַפֿן ידענטיפיערס פֿאַר יעדער עלעמענט, אָדער צו מאָניטאָר די נוצן פון די פאַרשיידנקייַט פון סטיילז און קלאסן.

קסס - איז ניט נאָר אַ נוסח טעקע אַז איז קאָננעקטעד צו דעם בלאַט דורך די לינק קוויטל אָדער ינסערטאַד אין עס דורך די נוסח קוויטל. עס איז אויך מעגלעך צו שאַפֿן אַ נוסח אויף די פליען אָדער מאָדיפיצירן אַ יגזיסטינג איינער.

דורך ניצן קסס, די שריפֿט קאָליר קענען ווערן געטאן פּראָגראַממאַטיקאַללי. ווי געזונט ווי די גרייס און שטעלע, מאַרדזשאַנז. וועבזייַטל - איז ניט אַ ציל צו צולייגן דעם וויסן אין קסס, HTML, PHP אָדער דזשאַוואַסקריפּט ווירקונג בליץ.

וועב מיטל - איז ערשטער פון אַלע אינפֿאָרמאַציע געפֿינט זיך אין אַ זיכער וועג. אַז איז וואָס קסס איז בעסטער געזען אין די דינאַמיק דורך די אָביעקטיוו פון ווי עס איז מעגלעך צו פאָרעם, בשעת דער בלאַט איז נאָך אויף די סערווער (עס איז ניט בנימצא PHP ביי די צייַט ווען די פּלאַץ גאַסט געקומען, נישט די דעוועלאָפּער אין די צייַט ווען ער איז געווען דעוועלאָפּינג די פּלאַץ), די געבעטן סטילעשעעט אַ ספּעציפיש טעקסט פֿאַר באַטייַטיק צופרידן, אָדער צו מאַכן אַ נוסח קלאַס אָדער identifier אויף די פליען ווי דער בלאַט איז ארבעטן, ווען עס קוקט אין אַ באַזונדער גאַסט.

סטאַטיק דינאַמיק

מיר זאָל ניט שטענדיק שרייַבן sophisticated געפינען דזשאַוואַסקריפּט קאָד צו מאַכן דינאַמיש צופרידן און זייַן פּלאַן - אַ טויגן צופרידן. מאל עס איז גענוג צו רעכט נוצן די פאַראַנען אַפּערטונאַטיז. אין באַזונדער, דורך דעפינינג קסס שריפֿט קאָליר טכילעס סטאַטיק הערשן, איר קענען באַהאַלטן דעם הערשן (פאַרבאָרגן) און וויזשוואַלייז פאַרשידענע (קענטיק).

דאָ, די רעדנער טוט ניט דאַרפן די אַלגערידאַם:

// צו הויכפּונקט די ינפּוט קנעפּל אויף די וועבזייַטל
פֿונקציע סקפוועלקאָמעאָווער () {
דאָקומענט.געטעלעמענטבייד ( 'סקדאָקקסנאַמעפּיפּ') סטילע.וויסיביליטי = 'קענטיק' .;
}

// באַהאַלטן די ינפּוט קנעפּל אויף די וועבזייַטל
פֿונקציע סקפוועלקאָמעאָוט () {
דאָקומענט.געטעלעמענטבייד ( 'סקדאָקקסנאַמעפּיפּ') סטילע.וויסיביליטי = 'פאַרבאָרגן' .;
}

קסס Offers אייגן דינאַמיק: טיקקערס, טראַנספּעראַנט עלעמענטן, פאַרשידן עמבאָדימענץ אָוווערלייז, דיספּלייז, Fading פֿאַרבן. אין קסס, די שריפֿט קאָליר קענען זיין געמאכט אַפֿילו אַזוי אַז קיין איינער סטיליסטיק הערשן איז נישט צוגעשטעלט.

דינאַמיש צופרידן אַרויסווייַזן

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

טכילעס, עס איז אַ חשבון (פּ), עטלעכע פון דיין צופרידן (ק), אַלע די טאַגס פון די בלאַט זענען דיסקרייבד אין די נוסח בויגן (ד). צי האָט ניט אַ נייַ פאָרעם פּ חשבון דורך PHP אָדער פּערל אויף די סערווער דורך טשוזינג ק פון די דייטאַבייס. עקסיסטינג נוסח בויגן ד וועט נאָכפאָלגן אויטאָמאַטיש. אָבער, ק זאל זיין געביטן, און אין רובֿ קאַסעס, אַזאַ אַ טוישן וואָלט ענטייל די נויט פֿאַר אנדערע סטיילז, אַז איז, ד +.

לעמאָשל, דער קונה האט געזאגט: "דער פּלאַץ באשרייבט די לעבן פון מאָסקווע, וועט קוקן בעסער אויב די נייַעס זאכן זענען דעקערייטאַד אין דעם נוסח פון" זאַזאַווטראַקאָם ", דיסקרייבינג די נאַכט האַוועניש אין די נוסח פון" לאַס וועגאַס "און ארטיקלען אויף SCIENTIFIC און טעקנאַלאַדזשיקאַל פּראָגרעס אין די נוסח פון" מאָדערנטעהנאָ. ' " אבער אויב מיר מאַכן ד אויף דרייַ פון די אָפּציעס, עס איז ניט גאַראַנטירן אַז דער קונה וועט ניט האָבן דעם געדאַנק צו האָבן אַ סכום פון ארטיקלען "News", "יום טוּב", "אַרבעט», «קסס / HTML» באָנוס "האָזיייַקענאַזאַמעטקו".

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

דינאַמיק נוסח פון דזשאַוואַסקריפּט

מינימום, כאָטש זייער עפעקטיוו לייזונג - צו טאָן די סטילינג גלייַך אין דער קליענט 'ס בלעטערער. ערשטער, עס ריליווז די סערווירער - וועט ניט האָבן צו פאַרברענגען צייַט אויף די פאָרמירונג פון היפּערטעקסט בלעטער און סטיל טעקעס פֿאַר עס.

רגע, די נאַטירלעך וויסט פון צייַט ין דער בלעטערער וועט מאַכן די ווירקונג אַז דער בלאַט איז פאַרנומען דורך געשעפט און אַקטיוולי שטיצט דיאַלאָג מיט דער גאַסט: ער נאָך טוט ניט זען די אינהאלט אין פאַרנעם, דעריבער, ער וואָלט ווי אַ קאָנסיסטענט און פאַרטראַכט אינפֿאָרמאַציע פּראָדוקציע.

דריט, עס אַלאַוז די דעוועלאָפּער צו צושטעלן דעם גאַסט מעקאַניזאַם פון די אינהאלט אין דעם נוסח, אין וואָס ער איז באַקוועם. עס ס 'נישט אַפֿילו אַבי ווער.

צו ינסטרומענט דעם געדאַנק, איר דאַרפֿן צו ינסטרומענט אַ מעקאַניזאַם פֿאַר קריייטינג יסודות פון נוסח מיד נאָך די בלאַט לאָודז, און אין די לויף פון זייַן אָפּעראַציע. מאָדערן פּלאַץ - עס ס 'יידזשאַקס אין אַ באַזונדער פאָרעם. עס איז ניט שווער צו פירן אויס די פאָרמירונג פון סטיילז גלייַך אין דעם פּראָצעס פון פאָרמירונג פון די בלאַט בוים. עס ס גרינג, אַפפאָרדאַבלע און עפעקטיוו, ווייַל די אינהאלט איז צוזאמען מיט זיין רעגיסטראַציע.

דאס טוט נישט סויסער זייַן די מאָדערן טענדענץ צו באַזונדער די פּרעזענטירונג פון דאַטן פון די פּראַסעסינג געטאן אויף די דאַטן און געלאזן אין די אַרויסווייַזן.

קסס ווי אַן אַקטיוו ינגרידיאַנט

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

מיט רעספּעקט צו קסס, דעם פּראָצעס איז אַקטיווייטיד אין אַ גאָר אַנדערש קאָנטעקסט. געבויט-אין מכשירים אין דזשאַוואַסקריפּט, ענייבאַלינג "אויף דער פליען" צו שאַפֿן עלעמענטן און סטיילז פון די יסודות האט נישט ריכטנ זיך אַזאַ אַ מעגלעכקייט, און די קריייטערז פון PHP, אין באַזונדער, געגלויבט צו זיין פאַרקנאַסט אין די פאָרמירונג פון בלויז HTML בלעטער.

ביידע דער ערשטער און די רגע אַלאַוז טאָן פּראָגראַממינג סטיילז. דעם נייַ ריכטונג אין די פעלד פון אינפֿאָרמאַציע טעכנאָלאָגיע. סטילעס באטייטיק מער פאָרמאַל זאַך ווי די קסמל אָדער HTML, די כּללים זענען זייער פּשוט. סטייל איז שטענדיק פאָרשטעלן אין די אינפֿאָרמאַציע, קיין ענין ווי נאַטירלעך עס איז געווען.

רעגיסטראַציע דייטאַבייס פּראָוגראַמערז זענען פאַרקנאַסט שטענדיק אין אַ פיל מער פאָרמאַליזעד סעקטאָרס, אָבער קסס טעמע - אַ זייער פּשוט אַרבעט, אָבער ווי עס יז האט נישט באַקומען אין די פעלד פון מיינונג פון די אַנטוויקלונג פּראָצעס.

אויף די דאָגמאַ אין די פעלד פון פּראָגראַממינג

ווי אַ ייַזבאַרג, אַ דאָגמאַ קענען ניט לאַנג יקספּאַנסיז פורראָווינג אינפֿאָרמאַציע. פאַרגאַנגענהייַט דערפאַרונג האט צו קאַנסאַנטרייט ניט בלויז אין הטמל- און קסס-סטאַנדאַרדס, מכשירים צו אַרבעטן מיט זיי, וויסן דעוועלאָפּערס.

א פּשוט אַרבעט - צו מאַכן דורך קסס שריפֿט קאָליר - האט געפֿונען די גאנץ לייזונג. כּללים, סינטאַקס, לאָגיק און טרייסט זענען ינדיספּיוטאַבאַל. אָבער אַפֿילו ווען די שריפֿט אַקטשאַוואַלי האָבן נישט אַ פּלאַץ פון פֿאַרבן פֿאַר פיר, צו פיל איז ניט נייטיק, און טאַקע פֿאַר די צוועקן פון די פאַקט פון ווירטואַליזאַטיאָן טוט ניט דאַרפֿן אַלע די אַקיומיאַלייטיד "קראַפט» HTML און קסס, עס קומט אַ צייַט ווען די סיטשויישאַנאַל וויסן גיין צו די ריפּראַדוסט און געוויזן דערפאַרונג און מכשירים פון די נאַטירלעך פאָרמירונג פון סטיילז פון צופרידן.

ווי וועט דעם זיין, זאל ניט זיין לעגאַמרע קלאָר, אָבער אַז דער פּראָצעס איז שוין אונטער וועג, דאָך.