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

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

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

ווי צו שרייַבן אַ ינלינע סטייל

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

background: # ccc; color: #fff; גרענעץ: האַרט שוואַרץ 1 פּקס;

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

<פּ סטיל = "הינטערגרונט: # קקק; קאָליר: # 000; גרענעץ: האַרט שוואַרץ 1 פּקס,">

אין דעם בייַשפּיל, דעם באַזונדער פּאַראַגראַף וואָלט דערשייַנען מיט אַ ליכט גרוי הינטערגרונט (וואָס איז וואָס # קסק וואָלט ופפירן), שוואַרץ טעקסט (פון די # 000 קאָליר), און מיט אַ 1-פּיקסעל האַרט שוואַרץ גרענעץ אַרום אַלע פיר זייטן פון די פּאַראַגראַף .

אַדוואַנטאַגעס פון ינלינע סטילעס

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

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

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

דיסאַדוואַנטידזשיז פון ינלינע סטילעס

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

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

אמת, דאָס איז אַ שריט צוריק אין וועב פּלאַן - צוריק די טעג פון די tag!