בוררים, תכונות וערכים בשפת CSS

כפי שלשפת HTML ישנן תגיות בשפת CSS ישנם בוררים(selectors).

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

לכל בורר ישנן תכונות המוצגות בתוך סוגריים מסולסלים {סגולות} ולכל תכונה יש ערך כלשהו.
התכונות מופרדים על ידי סימון של נקודה פסיק. לדוגמא :

  1. body {
  2.     font-size: 0.8em;
  3.     color: navy;
  4. }

בדוגמא הנ"ל, בורר ה – body קיבל ערכים קבועים לגודל וצבע הפונט.
כלומר, הטקסט שתוך תגיות ה – body ( כל תוכן העמוד ) יהיה בגודל 0.8em ובצבע navy.

יחידות אורך ואחוזים

שפת CSS עושה שימוש נרחב ביחידות של אורך ואחוזים כך שכדאי מאוד לשלוט בהם, אם אתה רוצה לדעת מה אתה עושה..

  1. em – לציון, גודל מחושב של פונט. כך ש – 2em יגדיל את הטקסט פי 2 מהמצב הקיים.
  2. px – לציון, פיקסלים.
  3. pt – לציון, נקודות.
  4. % - לציון, אחוזים.

ישנן יחידות נוספות כמו pc (picas), cm (centimetres), mm (millimetres) ו - in (inches) אך השימוש בהן נדיר מאוד.

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

מומלץ להשתמש ביחידות של em או % על מנת לאפשר לגולשים באתר לבצע הגדלה ו/או הקטנה של הטקסט בדפדפן. שימוש ביחידות של px לא יאפשר הגדלה ו/או הקטנה של הטקסט בדפדפן ולכן כדאי להשתמש בהן לעיתים נדירות.

עמודים רלוונטים

רפרנס

  • תכונות נפוצות ( כולל style )
  • התגית style
  • התגית link