בדף האינדקס שלך אתה מוסיף שורה ש"קוראת" לדף ה-CSS שלך, לדוגמא חייה מהאתר:
link rel="stylesheet" href="./styles/Tukinfo/theme/stylesheet.css" type="text/css" />
את הנתיב: ./styles/Tukinfo/theme/ אתה משנה לנתיב שלך
את השם "stylesheet" אתה יכול כמובן בכל שם
לעיצוב עצמו:
נגיד שיצאת טבלה (היום משתמשים ב-DIVים, שימוש בטבלה לבנייה כעת תהיה טעות), אבל לצורך העניין:
בטבלה אתה רואה שנתתי מספר נתונים כמו 100% רוחב (בהתאם לגבול מוכר) והגדרות מרווח.
<table class=cellspacing="1" width="100%">
עכשיו, נניח שיש ברשותך עשרות או מאות דפים ואתה רוצה לשנות את ההגדרות של כל הטבלאות שלך,
למרות שישנה אפשרות לשיטת "חפש והחלף" השיטה מסורבלת (ישנם חסרונות נוספים אסביר בהמשך).
כאשר אתה יוצר טבלה ומגדיר לה Class כמו בדוגמא:
<table class="tablebg">
אתה יוצר עיצוב לאותו קלאס בדף ה-CSS שלך:
קוד: בחירת הכל
.tablebg {
background-color: #D1D1E1;
border-bottom: 1px solid #515151; border-left: 1px solid #515151; border-right: 1px solid #515151; border-top: 1px solid #515151;
}
אתה יכול לראות פה נתונים כמו הבלטה, צבע רקע, צבע הבלטה וכו'.
אם אני רוצה לשנות צבע או כל ערך או להוסיף ערך אני פותח את דף ה-CSS וזה משנה לכולם.
כמובן שאם אתה רוצה ליצור טבלה שונה אתה סה"כ צריך ליצור CLASS שונה ולרשום אותו בטבלה שאתה יוצר.
ככה אתה יוצר קלאסים לכל דבר שאתה רוצה.
כמו ליצור צבע רקע, צבע גופן, סוג גופן, יישור, גודל, תמנות, כפתורים בקיצור הכל.
ישנם המון דברים שבגללם עושים גם CSS:
ארגון - סדר.
קוד נקי וקצר, מארגן טעינה מהירה.
קריאה נכונה של מנועי חיפוש.
מהירות ויעילות בעבודה - שינויים ותוספות. עיצוב אתר עם מינימום השפעה על קוד.
דחיסה של קובץ CSS
ועוד...
זה ממש ככה לתת לך רקע, הבנה של HTML למרות שדברים רבים השתנו והיום מה שמוצג באתרים המדריכים אינו נכון לרוב.
אך יחד עם זאת חושב ללמוד את הבסיס כרקע לכל שפת תכנות. בלי HTML לא ניתן לזוז. נסה להתעמק יותר ב-DIVים אם
אתה רק מתחיל.