ווי באַלד ווי איר אָנהייבן צו בויען וועבפּאַגעס מיט HTML, איר וועט אָנהייבן ארבעטן מיט סייזינג. צו מאַכן דיין וועבזייַטל קוק די וועג וואָס איר ווילן צו קוקן, מסתּמא וואָס ריכטן אַ פּלאַן איר אָדער אן אנדער דיזיינער האָבן באשאפן, איר וועט וועלן צו טוישן די גרייס פון דעם טעקסט אויף דעם פּלאַץ, ווי געזונט ווי אנדערע עלעמענטן אויף דעם בלאַט. צו טאָן דאָס, איר קען אָנהייבן צו קוקן פֿאַר אַ HTML "גרייס" צעטל, אָבער איר וועט געשווינד געפֿינען עס פעלנדיק.
די HTML גרייס צעטל טוט נישט עקסיסטירן אין HTML. אַנשטאָט, אין סדר צו שטעלן די גרייס פון דיין פאַנץ, בילדער אָדער אויסלייג איר זאָל נוצן קאַסקאַדינג סטייל שיץ. אין פאַקט, קיין וויזשאַוואַל ענדערונג וואָס איר דאַרפֿן צו מאַכן אַ טעקסט אָדער אַ אנדערע עלעמענט זאָל זיין כאַנדאַלד דורך CSS! HTML איז נאָר פֿאַר סטרוקטור.
די קלאָוזאַסט צעטל צו אַ HTML גרייס קוויטל איז די אַלט שריפֿט קוויטל, וואָס טאַקע אַרייַננעמען אַ גרייס אַטריביוט. זיין געוויזן אַז דעם קוויטל איז געווארן דיסמיסטיד אין קראַנט ווערסיעס פון HTML און קען ניט זיין געשטיצט דורך בראַוזערז אין די צוקונפֿט! איר טאָן ניט ווילן צו נוצן די שריפֿט קוויטל אין דיין HTML! אַנשטאָט, איר זאָל לערנען CSS צו גרייס דיין HTML עלעמענטן און סטיל דיין וועבפּאַגע אַקאָרדינגלי.
Font Sizes
פאָנץ זענען אַרגיואַבלי די יזיאַסט זאַך צו גרייס מיט קסס. Moreso ווי נאָר סייזינג דעם טעקסט, מיט CSS איר קענען זיין מער ספּעציפיש וועגן דיין וועבזייַטל טיפּאָגראַפי . איר קענען דעפינירן די שריפֿט גרייס, די קאָליר, די קייסינג, די וואָג, די לידינג, און מער. מיט די שריפֿט קוויטל, איר קענען בלויז דעפינירן די גרייס, און דעמאָלט בלויז ווי אַ נומער פֿאַר דעם בלעטערער 'ס פעליקייַט שריפֿט גרייס וואָס איז אַנדערש פֿאַר יעדער קונה.
צו שטעלן דיין פּאַראַגראַף צו האָבן אַ שריפֿט גרייס פון 12 פּט, נוצן די שריפֿט-גרייס סטיל פאַרמאָג:
h3 {font-size = 24px; }דעם נוסח וואָלט שטעלן די שריפֿט גרייס פון העאַדיינג 3 עלעמענטן 24 בילדצעלן. איר קען לייגן דעם צו אַ פונדרויסנדיק נוסח בויגן און אַלע דיין פּלאַץ ס ה 3 ס וואָלט נוצן דעם סטיל.
אויב איר ווילן צו לייגן נאָך טיפּיש סטיילז צו דיין טעקסט, איר קען לייגן זיי אויף דעם קסס הערשן:
h3 {font-size: 24px; קאָליר: # 000; שריפֿט-וואָג: נאָרמאַל; }דאס וואָלט נישט בלויז שטעלן אַז שריפֿט גרייס פֿאַר ה 3 ס, עס וואָלט אויך שטעלן די קאָליר צו שוואַרץ (וואָס איז וואָס די העקס קאָד פון # 000 מיטל) און עס וואָלט שטעלן דעם וואָג צו "נאָרמאַל". דורך פעליקייַט, בראַוזערז מאַכן כעדינגז 1-6 ווי דרייסט טעקסט, אַזוי דעם נוסח וואָלט אָווועררייד אַז פעליקייַט און יסענשאַלי "אַנ-דרייסט" די טעקסט.
בילד סיזעס
בילדער קענען זיין טריקי צו באַשטימען סיזעס ווייַל איר קענען פאקטיש נוצן דעם בלעטערער צו רעסיזע די בילד. פון קורס, רעסיזינג בילדער מיט דעם בלעטערער איז אַ שלעכט געדאַנק ווייַל עס ז בלעטער בלעטער מאַסע מער סלאָולי, און בראַוזערז אָפט טאָן אַ אָרעם אַרבעט פון רעסיזינג, אַזוי אַז די בילדער קוקן שלעכט. אַנשטאָט, איר זאָל נוצן גראַפיקס סאָפטווער צו רעסיזע בילדער און דעמאָלט שרייַבן זייער פאַקטיש סיזעס אין דיין וועב בלאַט HTML.
ניט ענלעך פאַנץ, בילדער קענען נוצן HTML אָדער CSS צו באַשטימען די גרייס. איר דעפינירן די ברייט פון די בילד און די הייך. ווען איר נוצן HTML, איר קענען בלויז באַשליסן די בילד גרייס אין בילדצעלן. אויב איר נוצן CSS, איר קענען נוצן אנדערע מעזשערמאַנץ אַרייַנגערעכנט אינטשעס, סענטימעטער, און פּראָצענט. דעם לעצט ווערט, פּערסענטידזשיז, איז זייער נוצלעך ווען דיין בילדער דאַרפֿן צו זיין פליסיק, ווי אין אַן אָפּרופיק וועבזייַטל.
צו באַשטימען דיין בילד גרייס ניצן HTML, נוצן די הייך און ברייט אַטריביוץ פון די img tag. למשל, דעם בילד וואָלט זיין 400 קס 400 פּיקסעלס קוואַדראַט:
הייך = "400" ברייט = "400" alt = "בילד" />צו באַשטימען דיין בילד גרייס ניצן CSS, נוצן די הייך און ברייט נוסח פּראָפּערטיעס. דאָ ס דער זעלביקער בילד, ניצן קסס צו באַשטימען די נומער:
style = "height: 400px; width: 400px;" alt = "בילד" />Layout Sizes
די מערסט פּראָסט גרייס איר דעפינירן אין אַ אויסלייג איז די ברייט, און דער ערשטער זאַך איר דאַרפֿן צו באַשליסן איז צי צו נוצן אַ פאַרפעסטיקט ברייט פּלאַן אָדער אַ אָפּרופיק וועבזייַטל. אין אנדערע ווערטער, זענען איר דעפינירן די ברייט ווי אַ פּינטלעך נומער פון פּיקסעלס, אינטשעס, אָדער פונקטן? אָדער זענען איר געגאנגען צו שטעלן דיין אויסלייג ברייט צו זיין פלעקסאַבאַל ניצן עמס אָדער פּערסענטידזשיז? צו באַגרענעצן די גרייס פון דיין אויסלייג, איר נוצן ברייט און הייך CSS פּראָפּערטיעס ווי איר וואָלט זיין אין אַ בילד.
פאַרפעסטיקט ברייט:
נוסח = "ברייט: 600 פּקס;">פליסיק ברייט:
style = "width: 80%;">אויב איר באַשליסן אויף די ברייט פֿאַר דיין אויסלייג, איר זאָל האַלטן די פאַרשידענע בלעטערער ברייטז וואָס איר קענען לייענער און די פאַרשידענע דעוויסעס וואָס זיי וועלן אויך נוצן. דאס איז וואָס אָפּרופיק וועבסיטעס , וואָס קענען טוישן זייַן אויסלייג און סייזינג באזירט אויף פאַרשידענע דעוויסעס און פאַרשטעלן סיזעס, איז דער בעסטער פירער סטאַנדאַרדס הייַנט.