אינהאַלט מאַרקעטינג

בלאָגגער: CSS סטייל פֿאַר קאָד אויף דיין בלאָג

א פרייַנד געפרעגט מיר ווי איך געמאכט די קאָד מקומות אין בלאָגגער פּאָזיציע. איך האָב דאָס גענוצט מיט אַ נוסח קוויטל פֿאַר CSS אין מיין בלאָגגער מוסטער. אָט איז וואָס איך צוגעגעבן:

p.code {
    font-family: Courier New;
    font-size: 8pt;
    border-style: inset;
    border-width: 3px;
    padding: 5px;
    background-color: #FFFFFF;
    line-height: 100%;
    margin: 10px;
}
  1. p.code: דאָס איז אַ CSS הערשן וואָס טאַרגאַץ HTML <p> עלעמענטן מיט די קלאַס נאָמען "קאָד." עס מיטל אַז קיין פּאַראַגראַף מיט דעם קלאַס וועט זיין סטיילד לויט די פאלגענדע פּראָפּערטיעס.
  2. font-family: Courier New;: דעם פאַרמאָג באַשטעטיקט די שריפֿט משפּחה צו "קוריער ניו." עס ספּעציפיצירט די שריפֿט וואָס וועט זיין געוויינט פֿאַר די טעקסט אין די טאַרגעטעד עלעמענטן.
  3. font-size: 8pt;: דעם פאַרמאָג שטעלט די שריפֿט גרייס צו 8 פונקטן. דער טעקסט אין די טאַרגעטעד עלעמענטן וועט זיין געוויזן אין דעם שריפֿט גרייס.
  4. border-style: inset;: דעם פאַרמאָג שטעלט די גרענעץ סטיל צו "ינסעט." עס קריייץ אַ סאַנגקאַן אָדער געדריקט אויסזען פֿאַר די גרענעץ אַרום די טאַרגעטעד עלעמענטן.
  5. border-width: 3px;: דעם פאַרמאָג שטעלט די גרענעץ ברייט צו 3 בילדצעלן. דער גרענעץ אַרום די עלעמענטן וועט זיין 3 בילדצעלן דיק.
  6. padding: 5px;: דעם פאַרמאָג מוסיף 5 בילדצעלן פון וואַטן אַרום די אינהאַלט אין די טאַרגעטעד עלעמענטן. עס גיט ספּייסינג צווישן די טעקסט און די גרענעץ.
  7. background-color: #FFFFFF;: דעם פאַרמאָג שטעלט די הינטערגרונט פֿאַרב צו ווייַס (#FFFFFF). דער אינהאַלט אין די טאַרגעטעד עלעמענטן וועט האָבן אַ ווייַס הינטערגרונט.
  8. line-height: 100%;: דעם פאַרמאָג שטעלט די שורה הייך צו 100% פון די שריפֿט גרייס. עס ינשורז אַז די טעקסט שורות זענען ספּייסט לויט די שריפֿט גרייס.
  9. margin: 10px;: דעם פאַרמאָג מוסיף אַ גרענעץ פון 10 בילדצעלן אַרום די גאנצע עלעמענט. עס גיט ספּייסינג צווישן דעם עלעמענט און אנדערע עלעמענטן אויף דעם בלאַט.

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

דאָ ס ווי עס וועט קוקן:

פּ.קאָדע {
שריפֿט-משפּחה: קוריער ניו;
שריפֿט גרייס: 8פּט;
גרענעץ-נוסח: ינסעט;
גרענעץ-ברייט: קסנומקספּקס;
padding: 5px;
הינטערגרונט-קאָליר: #FFFFFF;
שורה-הייך: 100%;
גרענעץ: קסנומקספּקס;
}

מזל קאָדירונג!

Douglas Karr

Douglas Karr איז קמאָ פון OpenINSIGHTS און דער גרינדער פון די Martech Zone. דאָוגלאַס האט געהאָלפֿן דאַזאַנז פון געראָטן MarTech סטאַרטאַפּס, אַסיסטאַד אין די רעכט פלייַס פון איבער $ 5 ביל אין Martech אַקוואַזישאַנז און ינוועסטמאַנץ, און האלט צו אַרוישעלפן קאָמפּאַניעס אין ימפּלאַמענינג און אָטאַמייטינג זייער פארקויפונג און פֿאַרקויף סטראַטעגיעס. דאָוגלאַס איז אַן ינטערנאַשאַנאַלי דערקענט דיגיטאַל טראַנספאָרמאַציע און MarTech עקספּערט און רעדנער. דאָוגלאַס איז אויך אַ פארעפנטלעכט מחבר פון אַ דאַמי ס פירער און אַ געשעפט פירערשאַפט בוך.

Related ארטיקלען

צוריק צו שפּיץ קנעפּל
נאָענט

אַדבלאָקק דיטעקטאַד

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