מאמרים אחרונים מאמרים אחרונים
23/01/2019 15:14
אנו במיזם גרופ קיבלנו את תו אמון הציבור להגינות בעסקים.
24/10/2018 19:39
מתכנן הקמת חנות מתנות מקוונת? אספנו עבורך כל מה שחשוב לדעת לפני שאתה יוצא לדרך.
15/09/2018 19:27
יש לך עסק למכירת רהיטים או שאתה מתכנן אחד כזה בקרוב? קרא איך הקמת חנות וירטואלית למכירה של רהיטים בא...
06/09/2018 18:05
מחשבים זו אהבת חייך? האם חשבת למכור מחשבים, טלפונים סלולריים, קונסולות משחק וציוד היקפי באינטרנט? המ...
24/08/2018 13:39
הקמת פורטל בריאות באנגלית
תגובות אחרונות תגובות אחרונות
תהליך בניית אתרים
17/10/2019 13:13
אחלה מאמר! ערך מעולה!
בניית חנות וירטואלית
29/08/2018 13:50
חברה לבניית אתר וחנות וירטואלי...
שפת שרת מול שפת לקוח
04/07/2018 15:45
היי, השפות PHP ו-PYTHON שתי...

עיצוב טקסט

»
»
עיצוב טקסט

הגדרות ואפיון הטקסט באמצעות תכונות כמו color, text-align.

ב-CSS צבע הטקסט מוגדר בדרך כלל ע"י אחת מהשיטות הבאות:

  • שם של צבע באנגלית (פלטת 16 צבעים) - למשל yellow מציין צהוב.
  • ערך HEX ב-3 ספרות (פלטת 4096 צבעים) - למשל fff# מציין לבן.
  • ערך HEX ב-6 ספרות (פלטת 16.8 מליון צבעים) - זו השיטה הנפוצה ביותר היום. למשל ffffff# מציין לבן.
  • ערך RGB במספר עשרוני (פלטת 16.8 מליון צבעים) - למשל (rgb(255,0,0 מציין אדום.

צבע ברירת המחדל עבור אתר אינטרנט מוגדר ב-CSS ע"י הסלקטור body. נשתמש בתכונה color בתוך ההצהרה של סלקטור body. הדוגמה הבאה מראה כיצד להגדיר שצבע הטקסט יהיה ירוק:

body {
    color:blue;
}

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

על מנת שה-CSS יותאם לתקנים של W3C, אם הגדרנו את צבע הטקסט, עלינו להגדיר גם את צבע הרקע, וחשוב שהוא לא יהיה זהה לצבע הטקסט.

יישור טקסט

התכונה text-alignment משמשת להגדרת יישור הטקסט במישור האופקי. ניתן ליישר את הטקסט לימין, לשמאל, למרכז אותו או להתאים אותו ליישר גם לימין וגם לשמאל (justified). נניח שאנו רוצים ליישר את הטקסט בפיסקה לימין. במקרה זה, ה-CSS ייראה כך:

p {
    text-align:right;
}

עכשיו נגדיר שכל הכותרות h1 יהיו ממורכזות. נעשה זאת באופן הבא:

h1 {
    text-align:center;
}

אם נרצה למשל שחתימת הכותב בסוף כל עמוד תיושר דווקא לשמאל, נגדיר ב-html את חתימת הכותב כמחלקה (class), ונגדיר ב-CSS את היישור באופן הבא:

p.signature {
    text-align:right;
}

קישוט טקסט

ניתן להוסיף מעיין קישוטים לטקסט, ע"י שימוש בתכונה text-decoration. תכונה זו מאפשרת למשל להוסיף קו על הטקסט או מתחתיו, ליצור טקסט מהבהב (blink) ועוד. בדוגמה הבאה נגדיר למשל שכותרת h3 תהבהב:

h3 {
    text-decoration:blink;
}

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

a {
    text-decoration:none;
}

כתיב עליון או תחתון

על מנת ליצור טקסט עליון (uppercase) או תחתון (lowercase), או בכדי לשנות כל אות ראשונה במילה לאות גדולה (Capital letter), משתמשים בתכונה text-transformation. לדוגמא:

p.topic {
    text-transform:uppercase;
}
p.internal_text {
    text-transform:lowercase;
}
p.special_info {
    text-transform:capitalize;
}

הזחה

כשרוצים ליצור הזחה (indentation), משתמשים בתכונה text-indentation על מנת לקבוע את מרחק הטקסט מהשוליים. למשל:

p {
    text-indent:75px;
}

 

הוספת תגובה

רוצה שנקפיץ גם את העסק שלך?

פיתחנו עבורך פלטפורמה ייחודית שתוביל את העסק שלך להצלחה: יותר חשיפה, יותר מכירות, פחות נטישת גולשים.

שילוב מנצח של בניית חנות וירטואלית בחוד החנית של הטכנולוגיה עם שיווק אפקטיבי להגדלת המכירות.

 

לא מהססים! ממלאים את הטופס או מתקשרים עכשיו 077-7644819

 
שנקפיץ לך את העסק?
לחץ כאן
התקשר עכשיו 077-7644819
או מלא את הטופס להלן: