קסס באָקס: ימפּראַמפּטו און ווירקונג

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

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

סינטאַקס באַשרייַבונג

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

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

#נאַמע {פאַרמאָג: ווערט; פאַרמאָג: ווערט; פאַרמאָג: ווערט; ...}

אָדער

.נאַמע {פאַרמאָג: ווערט; פאַרמאָג: ווערט; פאַרמאָג: ווערט; ...}

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

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

די הויפּט פּאַראַמעטערס

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

קסס ראַם דיסקרייבד דורך דער גענעראַל כּללים פון קאַסקיידינג נוסח שיץ:

גרענעץ: 3פּקס;
גרענעץ-קאָליר: רויט;
גרענעץ-נוסח: טאָפּל דאַשט האַרט דאַטיד.

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

גרענעץ-ברייט: 1פּקס 2פּקס 4פּקס 8פּקס;
גרענעץ-קאָליר: בלוי;
גרענעץ-נוסח: דאַטיד.

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

גרענעץ-קאָליר: בלוי רויט גרין שוואַרץ;

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

גרענעץ: 1פּקס גרין האַרט;
גרענעץ-ראַדיוס: 0פּקס 4פּקס 8פּקס 12פּקס;
-מאָז-גרענעץ-ראַדיוס: 0פּקס 4פּקס 8פּקס 12פּקס;
-וועבקיט-גרענעץ-ראַדיוס: 0פּקס 4פּקס 8פּקס 12פּקס;

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

די גרעב פון די ראַם און זייַן ציל

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

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

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

אַרויס אונטער

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

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

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