מדריך יחידות CSS
עיינו בכל יחידת CSS (מוחלטת (px, cm, pt), יחסית לגופן (em, rem, ch), חלונית תצוגה (vw, dvh), שאילתת מכל, רשת (fr), זווית, זמן ורזולוציה) במדריך הניתן לחיפוש וסינון לפי סוג, עם תיאור, הערת "מתי להשתמש" וטוקנים מוכנים להעתקה. בדפדפן שלכם, בחינם.
כל יחידת CSS, מוסברת. הכול פועל בדפדפן שלכם ממדריך מובנה: שום דבר אינו נשלח לשרת.
אודות מדריך יחידות CSS
מדריך יחידות ה-CSS מתעד כל יחידה שהשפה מציעה, 45 בסך הכל, מאורגנות לפי סוג: יחידות מוחלטות כמו px, cm ו-pt; יחידות יחסיות לגופן כמו em, rem, ch ו-lh; יחידות אזור תצוגה מ-vw ו-vh ועד היחידות החדשות יותר svh, lvh ו-dvh; יחידות שאילתת מכולה כמו cqw ו-cqi; יחידת ה-grid בשם fr; בתוספת זווית, זמן, רזולוציה ואחוזים.
כל כרטיס נותן יותר מהגדרה: אסימון היחידה בגופן מרווח קבוע הניתן להעתקה, שמה המלא, קטגוריה שלה, תיאור בשפה פשוטה של איך היא מחושבת, והערת "מתי להשתמש" מעשית האומרת היכן היחידה מרוויחה את מקומה: והיכן יחידה אחרת משרתת טוב יותר.
החיפוש תואם אסימונים, שמות ומשמעויות, כך ש-rem, viewport width ו-root כולם מוצאים את היחידות שלהם, ותגי סוג מסננים את הרשת לקבוצה אחת. הכל רץ בדפדפן שלכם ממדריך מובנה, ללא שליחת דבר לשרת.
כיצד להשתמש ב-מדריך יחידות CSS
- חפשו יחידה לפי אסימון, שם או משמעות: לדוגמה rem, viewport width או זווית.
- השתמשו בתגי הסוג כדי לסנן את הרשת ליחידות מוחלטות, יחסיות לגופן, אזור תצוגה, מכולה, grid, זווית, זמן, רזולוציה או אחוזים.
- קראו את התיאור של כל יחידה ואת הערת "מתי להשתמש" שלה כדי לבחור את הנכונה.
- לחצו על כפתור ההעתקה כדי לקבל את אסימון היחידה עבור גיליון הסגנונות שלכם.