וועבזייטל וויזשאַוואַל סטיל און אויסלייג זענען דיקטאַד דורך קסס אָדער קאַסקאַדינג סטייל שיץ. די דאקומענטן וואס פאָרעם אַ וועבפּאַגע ס HTML מאַרקאַפּ, פּראַוויידינג וועב בראַוזערז מיט ינסטראַקשאַנז אויף ווי צו ווייַזן די בלעטער אַז רעזולטאַט פון דעם מאַרקאַפּ. קסס כייזיז אַ בלאַט סלייס, ווי געזונט ווי קאָלירן, הינטערגרונט בילדער, טיפּאָגראַפי און אַזוי פיל מער.
אויב איר קוק אין אַ CSS טעקע, איר וועט זען אַז ווי קיין צייכן אָדער קאָדדינג שפּראַך, די טעקעס האָבן אַ ספּעציפיש סינטאַקס צו זיי. יעדער נוסח בלאַט איז געמאכט געווארן פון אַ נומער פון קסס כּללים. די כּללים, ווען גענומען אין פול, זענען די סטיילז די פּלאַץ.
די פּאַרץ פון אַ קסס רול
א CSS הערשן איז געמאכט פון צוויי פאַרשידענע טיילן - די סעלעקטאָר און די דעקלאַראַציע. דער סעלעקטאָר באשטייט וואָס איז סטיילד אויף אַ בלאַט און דער דעקלאַראַציע איז ווי עס זאָל זיין סטיילד. פֿאַר בייַשפּיל:
p {
קאָליר: # 000;
}
דאָס איז אַ קסס הערשן. דער סעלעקטאָר טייל איז דער "פּ", וואָס איז אַן עלעמענט סעלעקטאָר פֿאַר "פּאַראַגראַפס". עס וואָלט, דעריבער, אויסקלייַבן אַלע פּאַראַגראַפס אין אַ פּלאַץ און צושטעלן זיי מיט דעם נוסח (סייַדן עס זענען פּאַראַגראַפס וואָס זענען טאַרגעטעד דורך מער ספּעציפיש סטיילז אנדערש אין דיין קסס דאָקומענט).
דער טייל פון די הערשן וואָס זאָגן "קאָליר: # 000;" איז וואָס איז באקאנט ווי די דעקלאַראַציע. אַז דעקלאַראַציע איז געמאכט פון צוויי ברעקלעך - די פאַרמאָג און די ווערט.
די פאַרמאָג איז די "קאָלירן" שטיק פון דעם דעקלאַראַציע. עס דיקטייץ וואָס אַספּעקט פון דער סעלעקטאָר וועט זיין וויזשאַוואַל.
די ווערט איז וואָס די אויסגעקליבן CSS פאַרמאָג וועט זיין געביטן. אין אונדזער בייַשפּיל, מיר נוצן די העקס ווערט פון # 000, וואָס איז CSS סטרימינג פֿאַר "שוואַרץ".
אַזוי ניצן דעם קסס הערשן, אונדזער בלאַט וואָלט פּאַראַגראַפס געוויזן אין אַ שריפֿט-קאָליר פון שוואַרץ.
CSS פּראָפּערטי בייסיקס
ווען איר שרייַבן CSS פּראָפּערטיעס, איר קענען נישט פשוט מאַכן זיי אַרויף ווי איר זען פּאַסיק. פֿאַר ינסטאַנסיז, "קאָליר" איז אַ פאַקטיש CSS פאַרמאָג, אַזוי איר קענען נוצן עס. דעם פאַרמאָג איז וואָס דיטיילד די טעקסט קאָליר פון אַן עלעמענט. אויב איר געפרוווט צו נוצן "טעקסט-קאָלירן" אָדער "שריפֿט-קאָלירן" ווי קסס פּראָפּערטיעס, די וואָלט פאַרלאָזן ווייַל זיי זענען ניט פאַקטיש טייל פון די קסס שפּראַך.
אן אנדער בייַשפּיל איז די פאַרמאָג "הינטערגרונט-בילד". דעם פאַרמאָג שטעלט אַ בילד אַז קענען זיין געניצט פֿאַר אַ הינטערגרונט, ווי דאָס:
.logo {
background-image: url (/images/company-logo.png);
}
אויב איר געפרוווט צו נוצן "הינטערגרונט-בילד" אָדער "הינטערגרונט-גראַפיק" ווי אַ פאַרמאָג, זיי וואָלט פאַרלאָזן ווייַל, אַמאָל ווידער, די ביסט נישט פאַקטיש CSS פּראָפּערטיעס.
עטלעכע CSS פּראָפּערטיעס
עס זענען אַ נומער פון CSS פּראָפּערטיעס אַז איר קענען נוצן צו סטיל אַ פּלאַץ. עטלעכע ביישפילן זענען:
- באָרדער (אַרייַנגערעכנט גרענעץ-נוסח, גרענעץ-קאָליר און ברעג-ברייט)
- פּאַדינג (אַרייַנגערעכנט וואַטן-שפּיץ, וואַטן-רעכט, וואַטן-דנאָ, און וואַטן-לינקס)
- מאַרגינס (אַרייַנגערעכנט מאַרדזשינז-שפּיץ, גרענעץ-רעכט, גרענעץ-דנאָ, און גרענעץ-לינקס)
- פאָנט-משפּחה
- פאָנט-גרייס
- באַקקגראָונד קאָליר
- ברייט
- הייך
די CSS פּראָפּערטיעס זענען גרויס ווי צו ביישפּילן ווי ביישפּיל, ווייַל זיי זענען אַלע זייער גלייַך און, אַפֿילו אויב איר טאָן ניט וויסן CSS, איר קענען מיסטאָמע טרעפן וואָס זיי טאָן באזירט אויף זייער נאָמען.
עס זענען אנדערע CSS פּראָפּערטיעס אַז איר וועט טרעפן ווי געזונט וואָס קען נישט זיין ווי קלאָר ווי דער טאָג ווי זיי אַרבעט באזירט אויף זייער נעמען:
- לאָזנ שווימען
- Clear
- Overflow
- טעקסט-טראַנספאָרמאַציע
- ז-אינדעקס
ווי איר באַקומען דיפּער אין וועב פּלאַן, איר וועט טרעפן (און נוצן) אַלע די פּראָפּערטיעס און מער!
פּראָפּערטיעס דאַרפֿן וואַלועס
יעדער צייַט איר נוצן אַ פאַרמאָג, איר מוזן געבן עס אַ ווערט - און זיכער פּראָפּערטיעס קענען נאָר אָננעמען זיכער וואַלועס.
אין אונדזער ערשטער בייַשפּיל פון די "קאָלירן" פאַרמאָג, מיר דאַרפֿן צו נוצן אַ קאָליר ווערט. דאָס קען זיין אַ העקס ווערט , RGBA ווערט, אָדער אַפֿילו קאָליר טערמינען . קיין פון די וואַלועס וואָלט אַרבעט אָבער, אויב איר געוויינט די וואָרט "פאַרומערט" מיט דעם פאַרמאָג, עס וואָלט גאָרנישט ווייַל, ווי דיסקריפּטיוו ווי דאָס וואָרט קען זיין, עס איז נישט אַ דערקענט ווערט אין קסס.
אונדזער צווייטע ביישפּיל פון "הינטערגרונט-בילד" ריקווייערז אַ בילד דרך ווערן גענוצט צו ברענגען אַ פאַקטיש בילד פון דיין פּלאַץ ס טעקעס. דאָס איז די ווערט / סינטאַקס וואָס איז פארלאנגט.
אַלע קסס פּראָפּערטיעס האָבן וואַלועס וואָס זיי דערוואַרטן. פֿאַר בייַשפּיל:
- באָרדער קאָלירן יקספּעקץ אַ קאָלירן ווערט
- באָרדער-גרייס יקספּעקץ אַ סייזינג ווערט, ווי פּיקסעלס אָדער פּערסענטידזשיז
- באָרדער סטיילז יקספּעקץ איינער פון די רעזערווירט סטיילז געניצט פֿאַר דעם פאַרמאָג, ווי "האַרט"
אויב איר גיין דורך די רשימה פון קסס פּראָפּערטיעס, איר וועט אַנטדעקן אַז יעדער פון זיי האט ספּעציפיש וואַלועס וואָס זיי וועלן נוצן צו מאַכן די סטיילז זיי זענען דיזיינד פֿאַר.
Edited by Jeremy Girard