ינלינע, עמבעדיד, און פונדרויסנדיק סטיל שיץ: דאָ ס וואָס איר דאַרפֿן צו וויסן
פראָנט-סוף וועבזייַטל אַנטוויקלונג איז אָפט רעפּריזענטיד ווי אַ 3-טערקיש בענקל. די לעגס זענען ווי גייט:
- HTML פֿאַר די סטרוקטור פון אַ פּלאַץ;
- קסס פֿאַר וויזשאַוואַל סטיילז;
- דזשאַוואַסקריפּט פֿאַר ביכייוויערז.
די רגע פוס פון דעם בענקל, CSS אָדער קאַסקאַדינג סטייל שיץ איז וואָס מיר זענען דאָ דאָ הייַנט. ספּעציפֿיש, מיר וועלן צו אַדרעס די 3 מינים פון סטיילז איר קענען לייגן צו אַ דאָקומענט.
- ינלינע סטיילז
- עמבעדדעד סטיילז
- פונדרויסנדיק סטיילז
יעדער פון די מינים פון קסס סטיילז האָבן זייער בענעפיץ און דיסאַדוואַנטידזשיז, אַזוי לאָזן ס נעמען אַ טיף קוק בייַ יעדער פון זיי ינדיווידזשואַלי.
ינלינע סטילעס
ינלינע סטיילז זענען סטיילז אַז זענען געשריבן גלייַך אין דעם קוויטל אין די HTML דאָקומענט. ינלינע סטיילז ווירקן בלויז די ספּעציפיש צעטל זיי זענען געווענדט צו. דאָ איז אַ בייַשפּיל פון אַ ינלינע נוסח געווענדט צו אַ נאָרמאַל לינק, אָדער אַנקער, צעטל:
דעם קסס הערשן וואָלט קער די סטאַנדאַרט אַנדערליין טעקסט באַפּוצונג אַוועק פון דעם איין לינק. עס וואָלט נישט, אָבער, טוישן קיין אנדערע לינק אויף דעם בלאַט. דעם איז איינער פון די לימיטיישאַנז פון ינלינע סטיילז. זינט זיי בלויז טוישן אויף אַ ספּעציפיש פּאָזיציע, איר זאָל דאַרפֿן צו אָנוואַרפן דיין HTML מיט די סטיילז צו דערגרייכן אַ פאַקטיש בלאַט פּלאַן. וואָס איז נישט אַ בעסטער פיר. אין פאַקט, עס איז איין שריט אַוועקגענומען פון די טעג פון "שריפֿט" טאַגס און דער געמיש פון סטרוקטור און סטיל אין וועב זייַטלעך.
ינלינע סטיילז אויך האָבן זייער הויך ספּעסאַפיסאַטי.
דאָס מאכט זיי זייער שווער צו אָווועררייט מיט אנדערע, ניט-ינלינע סטיילז. פֿאַר בייַשפּיל, אויב איר ווילן צו מאַכן אַ פּלאַץ אָפּרופיק און טוישן ווי אַן עלעמענט קוקט בייַ זיכער ברעאַקפּאָינץ דורך ניצן מידיאַ קוויריז , ינלינע סטיילז אויף אַן עלעמענט וועט מאַכן דאָס זייער שווער צו טאָן.
לעסאָף, ינלינע סטיילז זענען טאַקע בלויז צונעמען ווען געניצט זייער ספּערינגלי.
אין פאַקט, איך ראַרעלי אלץ נוצן ינלינע סטיילז אויף מיין וועבפּאַגעס.
Embedded Styles
עמבעדדעד סטיילז זענען סטיילז וואָס זענען עמבעדיד אין די קאָפּ פון די דאָקומענט. עמבעדדעד סטיילז ווירקן בלויז די טאַגס אויף די בלאַט זיי זענען עמבעדיד אין אַמאָל ווידער, דעם צוגאַנג נעמייץ איינער פון די סטרענגקטס פון קסס. זינט יעדער בלאַט וואָלט האָבן סטיילז אין די
, אויב איר ווילן צו מאַכן אַ סיטעווידע ענדערונג, ווי טשאַנגינג די קאָליר פון לינקס פון רויט צו גרין, איר דאַרפֿן צו מאַכן דעם ענדערונג אויף יעדער בלאַט, ווייַל יעדער בלאַט ניצט אַן עמבעדיד נוסח בלאַט. דאָס איז בעסער ווי ינלינע סטיילז, אָבער נאָך פּראָבלעמאַטיק אין פילע ינסטאַנסיז.
סטיללייעס וואָס זענען צוגעגעבן צו די
פון אַ דאָקומענט אויך לייגן אַ באַטייַטיק סומע פון מאַרקאַפּ קאָד צו אַז בלאַט, וואָס קענען אויך מאַכן די בלאַט האַרדער צו פירן אין דער צוקונפֿט.
די נוץ פון עמבעדיד סטייל שיץ איז אַז די מאַסע מיד מיט די בלאַט זיך, אַנשטאָט פון ריקוויירינג אנדערע פונדרויסנדיק טעקעס צו זיין לאָודיד. דעם קענען זיין אַ נוץ פון אַ אָפּלאָדירן גיכקייַט און פאָרשטעלונג פּערספּעקטיוו .
פונדרויסנדיק סטיילז
רובֿ וועבסיטעס הייַנט נוצן פונדרויסנדיק סטיל שיץ. עקסטערנאַל סטיילז זענען סטיילז וואָס זענען געשריבן אין אַ באַזונדער דאָקומענט און דעמאָלט אַטאַטשט צו פאַרשידן וועב דאָקומענטן. פונדרויסנדיק נוסח שיץ קענען ווירקן קיין דאָקומענט זיי זענען אַטאַטשט צו, וואָס מיטל אויב איר האָבן אַ וועבזייטל פון 20-בלאַט ווו יעדער בלאַט ניצט די זעלבע נוסח בויגן (דאָס איז טיפּיקלי ווי עס איז געשען), איר קענען מאַכן אַ וויזשאַוואַל טוישן צו יעדער פון די בלעטער דורך פשוט עדיטינג אַז נוסח בויגן.
דעם מאכט לאַנג-טערמין פּלאַץ פאַרוואַלטונג פיל גרינגער.
די דאַונסייד צו פונדרויסנדיק נוסח שיץ איז אַז זיי דאַרפן בלעטער צו ברענגען און מאַסע די פונדרויסנדיק טעקעס. נישט יעדער בלאַט וועט נוצן יעדער נוסח אין די קסס בויגן, אַזוי פילע בלעטער וועט מאַסע אַ פיל גרעסערע CSS בלאַט ווי אַז פאקטיש דאַרפֿן.
בשעת עס איז אמת אַז עס איז אַ פאָרשטעלונג שלאָגן פֿאַר פונדרויסנדיק קסס טעקעס, עס קענען זיכער זיין מינאַמייזד. רעאַליסטיקאַלי, CSS טעקעס זענען נאָר טעקסט טעקעס, אַזוי זיי זענען בכלל ניט זייער גרויס צו אָנהייבן מיט. אויב דיין גאנצע פּלאַץ ניצט 1 קסס טעקע, איר אויך באַקומען די נוץ פון וואָס דאָקומענט זייַנען קאַשט נאָך עס איז טכילעס לאָודיד.
דאָס מיינט אַז עס קען זיין אַ קליין אויפֿפֿירונג קלאַפּ אויף דער ערשטער זייַט עטלעכע וויסיטאָרס, אָבער סאַבסאַקוואַנט בלעטער וועט נוצן דעם קאַשט קסס טעקע, אַזוי קיין היץ וואָלט זיין נעגאַטיוו. פונדרויסנדיק קסס טעקעס זענען ווי איך בויען אַלע מיין וועבפּאַגעס.