ווי צו טוישן וועבסייט פאָנט קאָלאָרס מיט קסס

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

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

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

לייג סטיילז צו טוישן פאָנט קאָלירן

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

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

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

1. לייג די נוסח אַטריביוט פֿאַר די פּאַראַגראַף קוויטל:
   1. p {}
2. אָרט די קאָליר פאַרמאָג אין די נוסח. אָרט אַ קאָלאָן נאָך אַז פאַרמאָג:
   1. p {color:}
3. דעריבער לייגן דיין קאָליר ווערט נאָך די פאַרמאָג. מאַכן זיכער צו סוף דעם ווערט מיט אַ האַלב - צווייפּאָן:
   1. p {קאָליר: שוואַרץ;}

די פּאַראַגראַפס אין דיין בלאַט זענען איצט שוואַרץ.

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

p {color: # 000000; }

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

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

p {color: # 2f5687; }

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

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

פּ (קאָליר: רגבאַ (47,86,135,1); }

דעם RGBA ווערט איז די זעלבע ווי די שיווערשטיין בלוי פֿאַרב ספּעסאַפייד פריער. דער ערשטער 3 וואַלועס שטעלן די רויט, גרין, און בלוי וואַלועס און די לעצט נומער איז די אַלף באַשטעטיקן. עס איז באַשטימט צו "1", וואָס מיטל "100%", אַזוי דעם פֿאַרב וואָלט נישט האָבן קיין דורכזעיקייַט. אויב איר שטעלן אַז צו אַ דעצימאַל נומער, ווי .85, עס וואָלט איבערזעצן צו 85% אָופּאַסאַטי און די פֿאַרב וואָלט זיין אַ ביסל טראַנספּעראַנט.

אויב איר ווילן צו קוילעלדיק דיין קאָליר וואַלועס, איר וואָלט טאָן דאָס:

p {
קאָליר: # 2 פ 5687;
קאָליר: רגבאַ (47,86,135,1);
}

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