CSS (גיליון סגנונות מדורג) מתאר את רכיבי ה-HTML המוצגים ב מסך, נייר , או ב אמצעי תקשורת אחרים . זה חוסך הרבה זמן. זה שולט בפריסה של דפי אינטרנט מרובים בו זמנית. זה קובע את גודל גופן, משפחת גופן, צבע, צבע רקע על הדף.
זה מאפשר לנו להוסיף אפקטים אוֹ אנימציות לאתר. אנו משתמשים CSS להציג אנימציות כמו כפתורים, אפקטים, מעמיסים אוֹ ספינרים , וגם רקעים מונפשים .
בלי להשתמש CSS , האתר לא ייראה אטרקטיבי. יש 3 סוגים של 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 המסמך יקטין את גודל עמוד ו זמן טעינה של דף האינטרנט.
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 המוטבע ב זה יהיה שימושי כאן. יתרונות של CSS מוטבע: חסרונות של CSS מוטבע: java do while loop
ו