כיצד להשתמש בצורה הטובה ביותר ברשימות CSS?



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

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

אז בואו נתחיל אז,





רשימות CSS

מאפייני CSS

ישנם חמישה מאפייני CSS שונים בהם תוכלו להשתמש בהם לבקרת רשימות:

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

כאן הרשימה הנפוצה היא: רשימה-סגנון-סוג ומיקום-רשימה-סגנון. מוסבר להלן



ממשיך הלאה עם מאמר זה ברשימות CSS

המאפיין בסגנון הרשימה

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

להלן הטבלה המייצגת את הרשימות הלא מסודרות:



ערך תיאור
אף אחד NA
דיסק הוא מלא במעגל. (ברירת מחדל)
מעגל זה מעגל ריק.
כיכר הוא מלא בכיכר.

להלן הטבלה המייצגת את הרשימות שהוזמנו:

ערך תיאור דוגמא
נקודה זה מספר1,4,3
אפס מוביל עשרוני 0 לפני המספר בפועל01, 04, 03
תחתון-אלפא זהו תווים אלפאנומריים קטנים.א ב ג ד
עליון-אלפא זהו תווים אלפאנומריים גדולים.א ב ג ד
רומנית תחתונה זהו ספרות רומיות קטנות.i, ii, iii, iv, v
רומני עליון מדובר בספרות רומיות באותיות גדולות.I, II, III, IV, V.
יווני תחתון סמן הוא ביוונית נמוכהאלפא, גמא
לטינית תחתונה סמן הוא בלטינית תחתונהא ב ג ד
לטיני עליון הסמן הוא בלטינית עליונהא ב ג ד

ממשיך הלאה עם מאמר זה ברשימות CSS

רשימות CSS: תוכנית לדוגמא

 
  • ג'אווה
  • פִּיתוֹן
  • זוויתי
  • ג'אווה
  • פִּיתוֹן
  • זוויתי
  1. ג'אווה
  2. פִּיתוֹן
  3. זוויתי
  1. ג'אווה
  2. פִּיתוֹן
  3. זוויתי
  1. ג'אווה
  2. פִּיתוֹן
  3. זוויתי

תְפוּקָה

כיצד לבדוק אם יש palindrome בג 'אווה

פלט - רשימות CSS - אדוריקה

ממשיך הלאה עם מאמר זה ברשימות CSS

הנכס בסגנון הרשימה

ערכי סמן עבור מאפיין במיקום בסגנון רשימה

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

ערך תיאור
אף אחד NA
בְּתוֹך במקרה זה אם הטקסט עובר לשורה השנייה, הטקסט יעטוף מתחת לסמן. הוא יראה גם היכן הטקסט היה מתחיל אם ברשימות היה ערך בחוץ.
בחוץ במקרה זה אם הטקסט עובר לשורה השנייה, הטקסט ייושר עם תחילת השורה הראשונה.

דוגמא:

 
  • מתמטיקה
  • מדעי החברה
  • פיזיקה
  • מתמטיקה
  • מדעי החברה
  • פיזיקה
  1. מתמטיקה
  2. מדעי החברה
  3. פיזיקה
  1. מתמטיקה
  2. מדעי החברה
  3. פיזיקה

תְפוּקָה

זה מביא אותנו לסוף מאמר זה על רשימות CSS.

בדוק את שלנו שמגיע עם הדרכה חיה בהנחיית מדריך וניסיון פרויקט אמיתי. הכשרה זו גורמת לך להיות בקיאים במיומנויות לעבוד עם טכנולוגיות אינטרנט מקדימות וקדמיות. הוא כולל הדרכה בנושא פיתוח אתרים, jQuery, Angular, NodeJS, ExpressJS ו- MongoDB.

יש לך שאלה עבורנו? אנא הזכיר זאת בסעיף ההערות במאמר ונחזור אליך.