logo

סוגי CSS

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

זה מאפשר לנו להוסיף אפקטים אוֹ אנימציות לאתר. אנו משתמשים CSS להציג אנימציות כמו כפתורים, אפקטים, מעמיסים אוֹ ספינרים , וגם רקעים מונפשים .

בלי להשתמש CSS , האתר לא ייראה אטרקטיבי. יש 3 סוגים של CSS אשר להלן:

  • CSS מוטבע
  • CSS פנימי/משובץ
  • CSS חיצוני
סוגי CSS

1. CSS פנימי

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

אנו יכולים להשתמש ב-CSS הפנימי באמצעות השלבים הבאים:

1. ראשית, פתח את HTML עמוד ואתר את

2. שים את הקוד הבא אחרי

 

3. הוסף את כללים של CSS בשורה החדשה.

דוגמא:

 body { background-color: black; } h1 { color: white; padding: 50px; } 

4. סגור את תג הסטייל.

 

לאחר הוספת ה-CSS הפנימי, קובץ ה-HTML המלא נראה כך:

 body { background-color: black; } h1 { color: red; padding: 50px; } <h2>CSS types</h2> <p>Cascading Style sheet types: inline, external and internal</p> 

אנחנו יכולים להשתמש גם בבוררים (כיתה ותעודה מזהה) בגיליון הסגנונות.

דוגמא:

 .class { property1 : value1; property2 : value2; property3 : value3; } #id { property1 : value1; property2 : value2; property3 : value3; } 

יתרונות של CSS פנימי

    CSS פנימילא יכול להעלות מספר קבצים כאשר אנו מוסיפים את הקוד עם דף ה-HTML.

חסרונות של CSS פנימי:

  • הוספת קוד ב- HTML המסמך יקטין את גודל עמוד ו זמן טעינה של דף האינטרנט.

2. CSS חיצוני

ב-CSS חיצוני, אנו מקשרים את דפי האינטרנט לאתר החיצוני .css קוֹבֶץ. זה נוצר על ידי עורך טקסט . CSS היא שיטה יעילה יותר לעיצוב אתר אינטרנט. על ידי עריכת ה .css קובץ, נוכל לשנות את כל האתר בבת אחת.

כדי להשתמש ב-CSS החיצוני, בצע את השלבים המפורטים להלן:

1. צור חדש .css קובץ עם עורך טקסט , ותוסיף גיליון סגנונות מדורג גם כללים.

לדוגמה:

 .xleftcol { float: right; width: 35%; background:#608800; } .xmiddlecol { float: right; width: 35%; background:#eff3df; } 

2. הוסף הפניה לחיצוני .css קובץ מיד לאחר מכן תג ב- סעיף של גיליון HTML :

 

יתרונות של CSS חיצוני:

  • לקבצים שלנו מבנה נקי יותר וקטן יותר בגודלם.
  • אנחנו משתמשים באותו הדבר .css קובץ עבור דפי אינטרנט מרובים ב-CSS חיצוני.

חסרונות של CSS חיצוני:

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

3. CSS מוטבע

CSS מוטבע משמש לסגנון ספציפי HTML אֵלֵמֶנט. הוסף סִגְנוֹן תכונה לכל תג HTML מבלי להשתמש בבוררים. ניהול אתר עשוי להיות קשה אם אנו משתמשים בלבד CSS מוטבע . עם זאת, Inline CSS ב-HTML שימושי במצבים מסוימים. אין לנו גישה ל קבצי CSS או להחיל סגנונות על אלמנט.

בדוגמה הבאה, השתמשנו ב-CSS המוטבע ב

java do while loop
ו

זה יהיה שימושי כאן.

יתרונות של CSS מוטבע:

  • אנחנו יכולים ליצור כללי CSS בדף HTML.
  • איננו יכולים ליצור ולהעלות מסמך נפרד ב-CSS מוטבע.

חסרונות של CSS מוטבע:

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