מאַכן אַ האָריזאָנטאַל מעניו פֿאַר די פּלאַץ זיך

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

לערן צו מאַכן מעניו

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

די HTML קאָד קוקט ווי דעם:

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

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

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

וואָס איז קסס?

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

ניצן סטייל שיץ פֿאַר מעניו אַנטוויקלונג

קסס-קאָד פֿאַר די מעניו:

1. # מי_1מענו {רשימה-נוסח: גאָרניט; וואַטן: 6; ברייט: 800פּקס; גרענעץ: אַוטאָ;}
2. # מי_1מענו לי {לאָזנ שווימען: לינקס; שריפֿט: ייטאַליק 18פּקס אַריאַל;}
3. # מי_1מענו אַ {קאָליר: # 756; אַרויסווייַזן: בלאָק; הייך: 55פּקס; שורה-הייך: 55פּקס; וואַטן: 0פּקס 15פּקס 0פּקס 15פּקס; הינטערגרונט: #דפק; טעקסט-באַפּוצונג: גאָרניט;}
4. # מי_1מענו אַ: האָווער {קאָליר: #פאָאַ; הינטערגרונט: # 788;}

איצט לאָזן ס קוק אין די ריזאַלטינג האָריזאָנטאַל קסס מעניו.

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

ברייט: 800פּקס - די ברייט פון אונדזער מעניו איז 800 בילדצעלן.

וואַטן: 0 - דעם רימוווז די וואַטן ין.

גרענעץ: אַוטאָ - וויראַווניווניע האָריזאָנטאַל מעניו אין דער צענטער פון אונדזער בלאַט.

# מי_1מענו לי - אַסיינינג סטיילז לי-עלעמענטן.

הייך: 55פּקס - מעניו הייך.

# מי_1מענו אַ: האָווער - אַסיינינג סטיילז צו עלעמענט און ווען עס איז ינדוסט מויז.

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

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